Nerdulator> put something in

Recognised as Colour

#3A877A

  • #3A877A
  • Cyan
  • Dark
  • Nearest: Teal

#3A877A is a cyan with RGB values 58, 135, 122 and HSL 170°, 40%, 38%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#3A877A#3A877A
HEX#3A877A
RGBrgb(58, 135, 122)
RGB (0–1)0.2275, 0.5294, 0.4784
RGB percentages22.7%, 52.9%, 47.8%
HSLhsl(169.9, 39.9%, 37.8%)
HSV / HSBhsv(169.9, 57%, 52.9%)
CMYK57%, 0%, 9.6%, 47.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,835,770
CSS custom property--colour: #3A877A;

Brightness & contrast

Relative luminance0.19633WCAG 2.x, 0 is black and 1 is white
Perceived brightness115.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.93:1
Contrast with white4.26:1WCAG normal text: Fail
Contrast with black4.93:1WCAG normal text: AA
Greyscale equivalent#767676
Inverted#C57885

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#82807Ano red cones; affects about 1% of men; ΔE 27 from the original
Deuteranopia#76777Bno green cones; the most common form, about 1% of men; ΔE 27.6 from the original
Tritanopia#008983no blue cones; rare, and affects men and women equally; ΔE 7.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.26:1WCAG large text: AA
Contrast with black, large text4.93:1WCAG large text: AAA

Named colours

Teal · ΔE 9.1Dark cyan · ΔE 9.6Cadetblue · ΔE 14.2Light seagreen · ΔE 18.8Sea green · ΔE 23.9Dark slate grey · ΔE 25.6
Nearest named CSS colourTeal (#008080)ΔE 9.08, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#873A47
Analogous#3A8753, #3A6E87
Triadic#7A3A87, #877A3A
Split complementary#873A6E, #87533A
Tetradic#533A87, #873A47, #6E873A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B0DDD5
Lighter +30%#8CCEC3
Lighter +20%#69BEB0
Lighter +10%#49AB9A
Darker −10%#2B635A
Darker −20%#1B403A
Darker −30%#0C1C19
Darker −40%#000000
More saturated +25%#229F8A
Less saturated −25%#526F6A

Channel breakdown

R58
G135
B122
Red58 (22.7%)
Green135 (52.9%)
Blue122 (47.8%)
Hue169.87°
Saturation (HSL)39.9%
Lightness37.84%
Dominant channelGreen
Hex per channelR 3A · G 87 · B 7A

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