Nerdulator> put something in

Recognised as Colour

#7FA3A2

  • #7FA3A2
  • Cyan
  • Dark
  • Nearest: Cadetblue

#7FA3A2 is a cyan with RGB values 127, 163, 162 and HSL 178°, 16%, 57%. It is a dark colour, so black text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#7FA3A2#7FA3A2
HEX#7FA3A2
RGBrgb(127, 163, 162)
RGB (0–1)0.498, 0.6392, 0.6353
RGB percentages49.8%, 63.9%, 63.5%
HSLhsl(178.3, 16.4%, 56.9%)
HSV / HSBhsv(178.3, 22.1%, 63.9%)
CMYK22.1%, 0%, 0.6%, 36.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,364,962
CSS custom property--colour: #7FA3A2;

Brightness & contrast

Relative luminance0.33315WCAG 2.x, 0 is black and 1 is white
Perceived brightness153 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.66:1
Contrast with white2.74:1WCAG normal text: Fail
Contrast with black7.66:1WCAG normal text: AAA
Greyscale equivalent#9B9B9B
Inverted#805C5D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9E9FA2no red cones; affects about 1% of men; ΔE 12.9 from the original
Deuteranopia#979AA2no green cones; the most common form, about 1% of men; ΔE 13 from the original
Tritanopia#74A5A3no blue cones; rare, and affects men and women equally; ΔE 4.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.74:1WCAG large text: Fail
Contrast with black, large text7.66:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 8.8Dark grey · ΔE 13.8Light slate grey · ΔE 15.3Gray · ΔE 16.9Slate grey · ΔE 17Silver · ΔE 18.6
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 8.82, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A37F80
Analogous#7FA390, #7F92A3
Triadic#A27FA3, #A3A27F
Split complementary#A37F92, #A3907F
Tetradic#907FA3, #A37F80, #92A37F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F6F8F8
Lighter +30%#D8E3E3
Lighter +20%#BACECD
Lighter +10%#9DB8B8
Darker −10%#648B8A
Darker −20%#4F6D6D
Darker −30%#39504F
Darker −40%#243232
More saturated +25%#64BFBC
Less saturated −25%#919191

Channel breakdown

R127
G163
B162
Red127 (49.8%)
Green163 (63.9%)
Blue162 (63.5%)
Hue178.33°
Saturation (HSL)16.36%
Lightness56.86%
Dominant channelGreen
Hex per channelR 7F · G A3 · B A2

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