Recognised as Colour

#218F63

#218F63
Cyan
Dark
Nearest: Sea green

#218F63 is a cyan with RGB values 33, 143, 99 and HSL 156°, 63%, 35%. It is a dark colour, so black text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#218F63#218F63

HEX#218F63

RGBrgb(33, 143, 99)

RGB (0–1)0.1294, 0.5608, 0.3882

RGB percentages12.9%, 56.1%, 38.8%

HSLhsl(156, 62.5%, 34.5%)

HSV / HSBhsv(156, 76.9%, 56.1%)

CMYK76.9%, 0%, 30.8%, 43.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,199,395

CSS custom property--colour: #218F63;

Brightness & contrast

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

Perceived brightness116 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.17:1

Contrast with white4.06:1WCAG normal text: Fail

Contrast with black5.17:1WCAG normal text: AA

Greyscale equivalent#747474

Inverted#DE709C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8D8460no red cones; affects about 1% of men; ΔE 39 from the original

Deuteranopia#7F7A66no green cones; the most common form, about 1% of men; ΔE 39.4 from the original

Tritanopia#008F83no blue cones; rare, and affects men and women equally; ΔE 18.8 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.06:1WCAG large text: AA

Contrast with black, large text5.17:1WCAG large text: AAA

Named colours

Sea green · ΔE 5.4 Medium seagreen · ΔE 17.2 Medium aquamarine · ΔE 24 Light seagreen · ΔE 25.2 Dark seagreen · ΔE 26 Dark cyan · ΔE 26.1

Nearest named CSS colourSea green (#2E8B57)ΔE 5.38, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8F214D

Analogous#218F2C, #21848F

Triadic#63218F, #8F6321

Split complementary#8F2184, #8F2C21

Tetradic#2C218F, #8F214D, #848F21

Tints, shades & saturation

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

Lighter +40%#95E7C6

Lighter +30%#6CDDB0

Lighter +20%#42D39A

Lighter +10%#2BB880

Darker −10%#176646

Darker −20%#0E3C2A

Darker −30%#04130D

Darker −40%#000000

More saturated +25%#0BA567

Less saturated −25%#37795F

Channel breakdown

R33

G143

B99

Red33 (12.9%)

Green143 (56.1%)

Blue99 (38.8%)

Hue156°

Saturation (HSL)62.5%

Lightness34.51%

Dominant channelGreen

Hex per channelR 21 · G 8F · B 63

Keep nerding

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

#218F63

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