Nerdulator> put something in

Recognised as Colour

#7CA4AE

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

#7CA4AE is a cyan with RGB values 124, 164, 174 and HSL 192°, 24%, 58%. It is a dark colour, so black text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#7CA4AE#7CA4AE
HEX#7CA4AE
RGBrgb(124, 164, 174)
RGB (0–1)0.4863, 0.6431, 0.6824
RGB percentages48.6%, 64.3%, 68.2%
HSLhsl(192, 23.6%, 58.4%)
HSV / HSBhsv(192, 28.7%, 68.2%)
CMYK28.7%, 5.7%, 0%, 31.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,168,622
CSS custom property--colour: #7CA4AE;

Brightness & contrast

Relative luminance0.33892WCAG 2.x, 0 is black and 1 is white
Perceived brightness154.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.78:1
Contrast with white2.7:1WCAG normal text: Fail
Contrast with black7.78:1WCAG normal text: AAA
Greyscale equivalent#9C9C9C
Inverted#835B51

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9CA1AFno red cones; affects about 1% of men; ΔE 12.4 from the original
Deuteranopia#949BAEno green cones; the most common form, about 1% of men; ΔE 12.7 from the original
Tritanopia#6CA8A7no blue cones; rare, and affects men and women equally; ΔE 9.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.7:1WCAG large text: Fail
Contrast with black, large text7.78:1WCAG large text: AAA

Named colours

Cadetblue · ΔE 9.6Light slate grey · ΔE 12.7Slate grey · ΔE 15.1Dark grey · ΔE 15.3Light steelblue · ΔE 17.7Gray · ΔE 18.5
Nearest named CSS colourCadetblue (#5F9EA0)ΔE 9.57, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#AE867C
Analogous#7CAE9F, #7C8BAE
Triadic#AE7CA4, #A4AE7C
Split complementary#AE7C8B, #AE9F7C
Tetradic#9F7CAE, #AE867C, #8BAE7C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FAFCFC
Lighter +30%#DBE6E8
Lighter +20%#BBD0D5
Lighter +10%#9CBAC1
Darker −10%#5E8D99
Darker −20%#4B7079
Darker −30%#37535A
Darker −40%#24363A
More saturated +25%#62B4C9
Less saturated −25%#959595

Channel breakdown

R124
G164
B174
Red124 (48.6%)
Green164 (64.3%)
Blue174 (68.2%)
Hue192°
Saturation (HSL)23.58%
Lightness58.43%
Dominant channelBlue
Hex per channelR 7C · G A4 · B AE

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