Nerdulator> put something in

Recognised as Colour

#7CAAD4

  • #7CAAD4
  • Blue
  • Dark
  • Nearest: Light skyblue

#7CAAD4 is a blue with RGB values 124, 170, 212 and HSL 209°, 51%, 66%. It is a dark colour, so black text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#7CAAD4#7CAAD4
HEX#7CAAD4
RGBrgb(124, 170, 212)
RGB (0–1)0.4863, 0.6667, 0.8314
RGB percentages48.6%, 66.7%, 83.1%
HSLhsl(208.6, 50.6%, 65.9%)
HSV / HSBhsv(208.6, 41.5%, 83.1%)
CMYK41.5%, 19.8%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer8,170,196
CSS custom property--colour: #7CAAD4;

Brightness & contrast

Relative luminance0.37788WCAG 2.x, 0 is black and 1 is white
Perceived brightness163.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.56:1
Contrast with white2.45:1WCAG normal text: Fail
Contrast with black8.56:1WCAG normal text: AAA
Greyscale equivalent#A3A3A3
Inverted#83552B

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#99AAD6no red cones; affects about 1% of men; ΔE 9 from the original
Deuteranopia#8EA1D3no green cones; the most common form, about 1% of men; ΔE 9.9 from the original
Tritanopia#5BB4B8no blue cones; rare, and affects men and women equally; ΔE 26.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.45:1WCAG large text: Fail
Contrast with black, large text8.56:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 13.6Light steelblue · ΔE 15.6Sky blue · ΔE 16.1Steel blue · ΔE 16.5Light slate grey · ΔE 19.4Deep skyblue · ΔE 21.5
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 13.61, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D4A67C
Analogous#7CD4D2, #7C7ED4
Triadic#D47CAA, #AAD47C
Split complementary#D47C7E, #D4D27C
Tetradic#D27CD4, #D4A67C, #7ED47C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#EFF5FA
Lighter +20%#C9DCED
Lighter +10%#A2C3E1
Darker −10%#5691C7
Darker −20%#3A78B0
Darker −30%#2D5E8A
Darker −40%#214463
More saturated +25%#66ABEA
Less saturated −25%#92A9BE

Channel breakdown

R124
G170
B212
Red124 (48.6%)
Green170 (66.7%)
Blue212 (83.1%)
Hue208.64°
Saturation (HSL)50.57%
Lightness65.88%
Dominant channelBlue
Hex per channelR 7C · G AA · B D4

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