Colour

#1D4E5C

#1D4E5C
Cyan
Dark
Nearest: Dark slate grey

#1D4E5C is a cyan with RGB values 29, 78, 92 and HSL 193°, 52%, 24%. It is a dark colour, so white text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#1D4E5C#1D4E5C

HEX#1D4E5C

RGBrgb(29, 78, 92)

RGB (0–1)0.1137, 0.3059, 0.3608

RGB percentages11.4%, 30.6%, 36.1%

HSLhsl(193.3, 52.1%, 23.7%)

HSV / HSBhsv(193.3, 68.5%, 36.1%)

CMYK68.5%, 15.2%, 0%, 63.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,920,604

CSS custom property--colour: #1D4E5C;

Brightness & contrast

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

Perceived brightness69.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.14:1

Contrast with white9.14:1WCAG normal text: AAA

Contrast with black2.3:1WCAG normal text: Fail

Greyscale equivalent#454545

Inverted#E2B1A3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#454C5Dno red cones; affects about 1% of men; ΔE 13.3 from the original

Deuteranopia#3C455Cno green cones; the most common form, about 1% of men; ΔE 14.3 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.14:1WCAG large text: AAA

Contrast with black, large text2.3:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 9.4 Dim grey · ΔE 22.2 Slate grey · ΔE 24.3 Teal · ΔE 25.2 Light slate grey · ΔE 27 Gray · ΔE 28.8

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 9.4, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5C2B1D

Analogous#1D5C4B, #1D2E5C

Triadic#5C1D4E, #4E5C1D

Split complementary#5C1D2E, #5C4B1D

Tetradic#4B1D5C, #5C2B1D, #2E5C1D

Tints, shades & saturation

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

Lighter +40%#72BDD3

Lighter +30%#4CABC6

Lighter +20%#3590AA

Lighter +10%#296F83

Darker −10%#112D35

Darker −20%#050C0E

Darker −30%#000000

Darker −40%#000000

More saturated +25%#0E566B

Less saturated −25%#2C464D

Channel breakdown

R29

G78

B92

Red29 (11.4%)

Green78 (30.6%)

Blue92 (36.1%)

Hue193.33°

Saturation (HSL)52.07%

Lightness23.73%

Dominant channelBlue

Hex per channelR 1D · G 4E · B 5C

Keep nerding

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

#1D4E5C

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