Colour

#14181F

#14181F
Blue
Dark
Nearest: Black

#14181F is a blue with RGB values 20, 24, 31 and HSL 218°, 22%, 10%. It is a dark colour, so white text on it reaches 17.8:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#14181F#14181F

HEX#14181F

RGBrgb(20, 24, 31)

RGB (0–1)0.0784, 0.0941, 0.1216

RGB percentages7.8%, 9.4%, 12.2%

HSLhsl(218.2, 21.6%, 10%)

HSV / HSBhsv(218.2, 35.5%, 12.2%)

CMYK35.5%, 22.6%, 0%, 87.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,316,895

CSS custom property--colour: #14181F;

Brightness & contrast

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

Perceived brightness23.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 17.79:1

Contrast with white17.79:1WCAG normal text: AAA

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

Greyscale equivalent#181818

Inverted#EBE7E0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#16181Fno red cones; affects about 1% of men; ΔE 0.9 from the original

Deuteranopia#15171Fno green cones; the most common form, about 1% of men; ΔE 1.3 from the original

Tritanopia#11191Ano blue cones; rare, and affects men and women equally; ΔE 5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text17.79:1WCAG large text: AAA

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

Named colours

Black · ΔE 9.8 Dark slate grey · ΔE 26.1 Dim grey · ΔE 36.7 Slate grey · ΔE 45 Gray · ΔE 45.8 Light slate grey · ΔE 48.2

Nearest named CSS colourBlack (#000000)ΔE 9.83, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1F1B14

Analogous#141D1F, #16141F

Triadic#1F1418, #181F14

Split complementary#1F1614, #1D1F14

Tetradic#1F141D, #1F1B14, #141F15

Tints, shades & saturation

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

Lighter +40%#64789B

Lighter +30%#50607C

Lighter +20%#3C485D

Lighter +10%#28303E

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#0E1625

Less saturated −25%#1A1A1A

Channel breakdown

R20

G24

B31

Red20 (7.8%)

Green24 (9.4%)

Blue31 (12.2%)

Hue218.18°

Saturation (HSL)21.57%

Lightness10%

Dominant channelBlue

Hex per channelR 14 · G 18 · B 1F

Keep nerding

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

#14181F

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