Nerdulator> put something in

Colour

#18A896

  • #18A896
  • Cyan
  • Dark
  • Nearest: Light seagreen

#18A896 is a cyan with RGB values 24, 168, 150 and HSL 173°, 75%, 38%. It is a dark colour, so black text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Light seagreen.

Colour values

#18A896#18A896
HEX#18A896
RGBrgb(24, 168, 150)
RGB (0–1)0.0941, 0.6588, 0.5882
RGB percentages9.4%, 65.9%, 58.8%
HSLhsl(172.5, 75%, 37.6%)
HSV / HSBhsv(172.5, 85.7%, 65.9%)
CMYK85.7%, 0%, 10.7%, 34.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,616,022
CSS custom property--colour: #18A896;

Brightness & contrast

Relative luminance0.30401WCAG 2.x, 0 is black and 1 is white
Perceived brightness138.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.08:1
Contrast with white2.97:1WCAG normal text: Fail
Contrast with black7.08:1WCAG normal text: AAA
Greyscale equivalent#888888
Inverted#E75769

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A09D95no red cones; affects about 1% of men; ΔE 39.5 from the original
Deuteranopia#8E9098no green cones; the most common form, about 1% of men; ΔE 40.5 from the original
Tritanopia#00ABA2no blue cones; rare, and affects men and women equally; ΔE 5.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.97:1WCAG large text: Fail
Contrast with black, large text7.08:1WCAG large text: AAA

Named colours

Light seagreen · ΔE 7Dark cyan · ΔE 15.5Medium aquamarine · ΔE 16.5Medium turquoise · ΔE 16.8Dark turquoise · ΔE 18.4Teal · ΔE 19
Nearest named CSS colourLight seagreen (#20B2AA)ΔE 6.99, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A8182A
Analogous#18A84E, #1872A8
Triadic#9618A8, #A89618
Split complementary#A81872, #A84E18
Tetradic#4E18A8, #A8182A, #72A818

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9BF1E6
Lighter +30%#6FEADB
Lighter +20%#42E4D0
Lighter +10%#1ED5BE
Darker −10%#127B6E
Darker −20%#0B4F46
Darker −30%#05221E
Darker −40%#000000
More saturated +25%#00C0A8
Less saturated −25%#309084

Channel breakdown

R24
G168
B150
Red24 (9.4%)
Green168 (65.9%)
Blue150 (58.8%)
Hue172.5°
Saturation (HSL)75%
Lightness37.65%
Dominant channelGreen
Hex per channelR 18 · G A8 · B 96

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