Colour

#200F7D

#200F7D
Blue
Dark
Nearest: Navy

#200F7D is a blue with RGB values 32, 15, 125 and HSL 249°, 79%, 27%. It is a dark colour, so white text on it reaches 14.7:1 contrast (AAA for normal text). The nearest named colour is Navy.

Colour values

#200F7D#200F7D

HEX#200F7D

RGBrgb(32, 15, 125)

RGB (0–1)0.1255, 0.0588, 0.4902

RGB percentages12.5%, 5.9%, 49%

HSLhsl(249.3, 78.6%, 27.5%)

HSV / HSBhsv(249.3, 88%, 49%)

CMYK74.4%, 88%, 0%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,101,117

CSS custom property--colour: #200F7D;

Brightness & contrast

Relative luminance0.02129WCAG 2.x, 0 is black and 1 is white

Perceived brightness47.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.73:1

Contrast with white14.73:1WCAG normal text: AAA

Contrast with black1.43:1WCAG normal text: Fail

Greyscale equivalent#1B1B1B

Inverted#DFF082

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#002D80no red cones; affects about 1% of men; ΔE 21.2 from the original

Deuteranopia#00237Bno green cones; the most common form, about 1% of men; ΔE 15.2 from the original

Tritanopia#003348no blue cones; rare, and affects men and women equally; ΔE 63.1 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text14.73:1WCAG large text: AAA

Contrast with black, large text1.43:1WCAG large text: Fail

Named colours

Navy · ΔE 9.7 Indigo · ΔE 11.5 Midnight blue · ΔE 12.8 Dark blue · ΔE 14.2 Rebecca purple · ΔE 19.7 Dark slateblue · ΔE 26.5

Nearest named CSS colourNavy (#000080)ΔE 9.73, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#6C7D0F

Analogous#0F357D, #570F7D

Triadic#7D200F, #0F7D20

Split complementary#7D570F, #357D0F

Tetradic#7D0F35, #6C7D0F, #0F7D57

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#7F6BED

Lighter +30%#583DE8

Lighter +20%#371AD8

Lighter +10%#2C14AB

Darker −10%#140A4F

Darker −20%#090422

Darker −30%#000000

Darker −40%#000000

More saturated +25%#16008C

Less saturated −25%#2C216B

Channel breakdown

R32

G15

B125

Red32 (12.5%)

Green15 (5.9%)

Blue125 (49%)

Hue249.27°

Saturation (HSL)78.57%

Lightness27.45%

Dominant channelBlue

Hex per channelR 20 · G 0F · B 7D

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#200F7D

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else