Nerdulator> put something in

Colour

#A3E7FF

  • #A3E7FF
  • Cyan
  • Light
  • Nearest: Light blue

#A3E7FF is a cyan with RGB values 163, 231, 255 and HSL 196°, 100%, 82%. It is a light colour, so black text on it reaches 15.4:1 contrast (AAA for normal text). The nearest named colour is Light blue.

Colour values

#A3E7FF#A3E7FF
HEX#A3E7FF
RGBrgb(163, 231, 255)
RGB (0–1)0.6392, 0.9059, 1
RGB percentages63.9%, 90.6%, 100%
HSLhsl(195.7, 100%, 82%)
HSV / HSBhsv(195.7, 36.1%, 100%)
CMYK36.1%, 9.4%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,741,759
CSS custom property--colour: #A3E7FF;

Brightness & contrast

Relative luminance0.72158WCAG 2.x, 0 is black and 1 is white
Perceived brightness216.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.43:1
Contrast with white1.36:1WCAG normal text: Fail
Contrast with black15.43:1WCAG normal text: AAA
Greyscale equivalent#DADADA
Inverted#5C1800

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#D9E3FFno red cones; affects about 1% of men; ΔE 18.1 from the original
Deuteranopia#CBD8FFno green cones; the most common form, about 1% of men; ΔE 19.3 from the original
Tritanopia#81EFEEno blue cones; rare, and affects men and women equally; ΔE 18.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.36:1WCAG large text: Fail
Contrast with black, large text15.43:1WCAG large text: AAA

Named colours

Light blue · ΔE 9.3Sky blue · ΔE 9.3Powder blue · ΔE 10.6Pale turquoise · ΔE 12.8Light skyblue · ΔE 13.9Light steelblue · ΔE 17.4
Nearest named CSS colourLight blue (#ADD8E6)ΔE 9.3, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FFBBA3
Analogous#A3FFE9, #A3B9FF
Triadic#FFA3E7, #E7FFA3
Split complementary#FFA3B9, #FFE9A3
Tetradic#E9A3FF, #FFBBA3, #B9FFA3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#D6F4FF
Darker −10%#70DAFF
Darker −20%#3DCCFF
Darker −30%#0ABFFF
Darker −40%#009ED6
More saturated +25%#A3E7FF
Less saturated −25%#AFE2F4

Channel breakdown

R163
G231
B255
Red163 (63.9%)
Green231 (90.6%)
Blue255 (100%)
Hue195.65°
Saturation (HSL)100%
Lightness81.96%
Dominant channelBlue
Hex per channelR A3 · G E7 · B FF

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