Nerdulator> put something in

Recognised as Colour

#12666E

  • #12666E
  • Cyan
  • Dark
  • Nearest: Teal

#12666E is a cyan with RGB values 18, 102, 110 and HSL 185°, 72%, 25%. It is a dark colour, so white text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#12666E#12666E
HEX#12666E
RGBrgb(18, 102, 110)
RGB (0–1)0.0706, 0.4, 0.4314
RGB percentages7.1%, 40%, 43.1%
HSLhsl(185.2, 71.9%, 25.1%)
HSV / HSBhsv(185.2, 83.6%, 43.1%)
CMYK83.6%, 7.3%, 0%, 56.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,205,870
CSS custom property--colour: #12666E;

Brightness & contrast

Relative luminance0.10757WCAG 2.x, 0 is black and 1 is white
Perceived brightness87.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.66:1
Contrast with white6.66:1WCAG normal text: AA
Contrast with black3.15:1WCAG normal text: Fail
Greyscale equivalent#555555
Inverted#ED9991

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#5D616Fno red cones; affects about 1% of men; ΔE 22.3 from the original
Deuteranopia#50586Eno green cones; the most common form, about 1% of men; ΔE 22.9 from the original
Tritanopia#006B68no blue cones; rare, and affects men and women equally; ΔE 8.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.66:1WCAG large text: AAA
Contrast with black, large text3.15:1WCAG large text: AA

Named colours

Teal · ΔE 12.7Dark slate grey · ΔE 14Dark cyan · ΔE 16.7Cadetblue · ΔE 22.3Slate grey · ΔE 22.8Dim grey · ΔE 23.9
Nearest named CSS colourTeal (#008080)ΔE 12.75, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#6E1A12
Analogous#126E48, #12386E
Triadic#6E1266, #666E12
Split complementary#6E1238, #6E4812
Tetradic#48126E, #6E1A12, #386E12

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#66DBE6
Lighter +30%#3AD0DF
Lighter +20%#20B7C6
Lighter +10%#198F9A
Darker −10%#0B3D42
Darker −20%#041516
Darker −30%#000000
Darker −40%#000000
More saturated +25%#02737E
Less saturated −25%#22595E

Channel breakdown

R18
G102
B110
Red18 (7.1%)
Green102 (40%)
Blue110 (43.1%)
Hue185.22°
Saturation (HSL)71.88%
Lightness25.1%
Dominant channelBlue
Hex per channelR 12 · G 66 · B 6E

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 “12666e” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.