Nerdulator> put something in

Recognised as Colour

#027C86

  • #027C86
  • Cyan
  • Dark
  • Nearest: Teal

#027C86 is a cyan with RGB values 2, 124, 134 and HSL 185°, 97%, 27%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#027C86#027C86
HEX#027C86
RGBrgb(2, 124, 134)
RGB (0–1)0.0078, 0.4863, 0.5255
RGB percentages0.8%, 48.6%, 52.5%
HSLhsl(184.5, 97.1%, 26.7%)
HSV / HSBhsv(184.5, 98.5%, 52.5%)
CMYK98.5%, 7.5%, 0%, 47.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer162,950
CSS custom property--colour: #027C86;

Brightness & contrast

Relative luminance0.16149WCAG 2.x, 0 is black and 1 is white
Perceived brightness105.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.96:1
Contrast with white4.96:1WCAG normal text: AA
Contrast with black4.23:1WCAG normal text: Fail
Greyscale equivalent#636363
Inverted#FD8379

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#707687no red cones; affects about 1% of men; ΔE 26.6 from the original
Deuteranopia#616B86no green cones; the most common form, about 1% of men; ΔE 27.7 from the original
Tritanopia#00827Fno blue cones; rare, and affects men and women equally; ΔE 8.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.96:1WCAG large text: AAA
Contrast with black, large text4.23:1WCAG large text: AA

Named colours

Teal · ΔE 6.7Dark cyan · ΔE 9Cadetblue · ΔE 16.1Dark slate grey · ΔE 22.8Slate grey · ΔE 23.5Light seagreen · ΔE 23.7
Nearest named CSS colourTeal (#008080)ΔE 6.7, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#860C02
Analogous#02864E, #023A86
Triadic#86027C, #7C8602
Split complementary#86023A, #864E02
Tetradic#4E0286, #860C02, #3A8602

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#58F0FD
Lighter +30%#25ECFC
Lighter +20%#04D9EB
Lighter +10%#03ABB8
Darker −10%#014E54
Darker −20%#011F21
Darker −30%#000000
Darker −40%#000000
More saturated +25%#007E88
Less saturated −25%#136E75

Channel breakdown

R2
G124
B134
Red2 (0.8%)
Green124 (48.6%)
Blue134 (52.5%)
Hue184.55°
Saturation (HSL)97.06%
Lightness26.67%
Dominant channelBlue
Hex per channelR 02 · G 7C · B 86

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