Nerdulator> put something in

Recognised as Colour

#AFADE0

  • #AFADE0
  • Blue
  • Dark
  • Nearest: Light steelblue

#AFADE0 is a blue with RGB values 175, 173, 224 and HSL 242°, 45%, 78%. It is a dark colour, so black text on it reaches 9.9:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#AFADE0#AFADE0
HEX#AFADE0
RGBrgb(175, 173, 224)
RGB (0–1)0.6863, 0.6784, 0.8784
RGB percentages68.6%, 67.8%, 87.8%
HSLhsl(242.4, 45.1%, 77.8%)
HSV / HSBhsv(242.4, 22.8%, 87.8%)
CMYK21.9%, 22.8%, 0%, 12.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,513,312
CSS custom property--colour: #AFADE0;

Brightness & contrast

Relative luminance0.44383WCAG 2.x, 0 is black and 1 is white
Perceived brightness180.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.88:1
Contrast with white2.13:1WCAG normal text: Fail
Contrast with black9.88:1WCAG normal text: AAA
Greyscale equivalent#B1B1B1
Inverted#50521F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A0B3E2no red cones; affects about 1% of men; ΔE 7.4 from the original
Deuteranopia#9FB0DFno green cones; the most common form, about 1% of men; ΔE 6.7 from the original
Tritanopia#A4B6BEno blue cones; rare, and affects men and women equally; ΔE 24.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.13:1WCAG large text: Fail
Contrast with black, large text9.88:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 17.3Thistle · ΔE 17.9Plum · ΔE 21.4Light skyblue · ΔE 23.6Light slate grey · ΔE 25.8Lavender · ΔE 26.1
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 17.29, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DEE0AD
Analogous#ADC4E0, #C9ADE0
Triadic#E0AFAD, #ADE0AF
Split complementary#E0C9AD, #C4E0AD
Tetradic#E0ADC4, #DEE0AD, #ADE0C9

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#F7F7FC
Lighter +10%#D3D2EE
Darker −10%#8B88D2
Darker −20%#6763C4
Darker −30%#4743B1
Darker −40%#38358C
More saturated +25%#A29FEE
Less saturated −25%#BCBBD2

Channel breakdown

R175
G173
B224
Red175 (68.6%)
Green173 (67.8%)
Blue224 (87.8%)
Hue242.35°
Saturation (HSL)45.13%
Lightness77.84%
Dominant channelBlue
Hex per channelR AF · G AD · B E0

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