Colour

#38A276

#38A276
Cyan
Dark
Nearest: Sea green

#38A276 is a cyan with RGB values 56, 162, 118 and HSL 155°, 49%, 43%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Sea green.

Colour values

#38A276#38A276

HEX#38A276

RGBrgb(56, 162, 118)

RGB (0–1)0.2196, 0.6353, 0.4627

RGB percentages22%, 63.5%, 46.3%

HSLhsl(155.1, 48.6%, 42.7%)

HSV / HSBhsv(155.1, 65.4%, 63.5%)

CMYK65.4%, 0%, 27.2%, 36.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,711,606

CSS custom property--colour: #38A276;

Brightness & contrast

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

Perceived brightness133.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.6:1

Contrast with white3.18:1WCAG normal text: Fail

Contrast with black6.6:1WCAG normal text: AA

Greyscale equivalent#888888

Inverted#C75D89

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A09674no red cones; affects about 1% of men; ΔE 39.4 from the original

Deuteranopia#918C79no green cones; the most common form, about 1% of men; ΔE 39.5 from the original

Tritanopia#00A296no blue cones; rare, and affects men and women equally; ΔE 18.3 from the original

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

Contrast with white, large text3.18:1WCAG large text: AA

Contrast with black, large text6.6:1WCAG large text: AAA

Named colours

Sea green · ΔE 10.3 Medium seagreen · ΔE 13.6 Medium aquamarine · ΔE 17.1 Dark seagreen · ΔE 21.3 Light seagreen · ΔE 21.6 Dark cyan · ΔE 26.5

Nearest named CSS colourSea green (#2E8B57)ΔE 10.27, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#A23864

Analogous#38A241, #3899A2

Triadic#7638A2, #A27638

Split complementary#A23899, #A24138

Tetradic#4138A2, #A23864, #99A238

Tints, shades & saturation

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

Lighter +40%#BEE8D7

Lighter +30%#98DBBF

Lighter +20%#72CEA8

Lighter +10%#4CC190

Darker −10%#2B7C5A

Darker −20%#1E563F

Darker −30%#113023

Darker −40%#040A08

More saturated +25%#1DBD7B

Less saturated −25%#538771

Channel breakdown

R56

G162

B118

Red56 (22%)

Green162 (63.5%)

Blue118 (46.3%)

Hue155.09°

Saturation (HSL)48.62%

Lightness42.75%

Dominant channelGreen

Hex per channelR 38 · G A2 · B 76

Keep nerding

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

#38A276

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