Nerdulator> put something in

Recognised as Colour

#142D38

  • #142D38
  • Cyan
  • Dark
  • Nearest: Dark slate grey

#142D38 is a cyan with RGB values 20, 45, 56 and HSL 198°, 47%, 15%. It is a dark colour, so white text on it reaches 14.4:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#142D38#142D38
HEX#142D38
RGBrgb(20, 45, 56)
RGB (0–1)0.0784, 0.1765, 0.2196
RGB percentages7.8%, 17.6%, 22%
HSLhsl(198.3, 47.4%, 14.9%)
HSV / HSBhsv(198.3, 64.3%, 22%)
CMYK64.3%, 19.6%, 0%, 78%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,322,296
CSS custom property--colour: #142D38;

Brightness & contrast

Relative luminance0.02311WCAG 2.x, 0 is black and 1 is white
Perceived brightness40.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.36:1
Contrast with white14.36:1WCAG normal text: AAA
Contrast with black1.46:1WCAG normal text: Fail
Greyscale equivalent#282828
Inverted#EBD2C7

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#272C39no red cones; affects about 1% of men; ΔE 7.4 from the original
Deuteranopia#222838no green cones; the most common form, about 1% of men; ΔE 8 from the original
Tritanopia#003031no blue cones; rare, and affects men and women equally; ΔE 10 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text14.36:1WCAG large text: AAA
Contrast with black, large text1.46:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 16.6Black · ΔE 20.6Dim grey · ΔE 29.7Slate grey · ΔE 36Gray · ΔE 38.3Teal · ΔE 38.9
Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 16.64, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#381F14
Analogous#143831, #141B38
Triadic#38142D, #2D3814
Split complementary#38141B, #383114
Tetradic#311438, #381F14, #1B3814

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#56A1C2
Lighter +30%#3C88A9
Lighter +20%#2F6983
Lighter +10%#214B5E
Darker −10%#070F12
Darker −20%#000000
Darker −30%#000000
Darker −40%#000000
More saturated +25%#0B3142
Less saturated −25%#1E292F

Channel breakdown

R20
G45
B56
Red20 (7.8%)
Green45 (17.6%)
Blue56 (22%)
Hue198.33°
Saturation (HSL)47.37%
Lightness14.9%
Dominant channelBlue
Hex per channelR 14 · G 2D · B 38

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “142d38” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.