Nerdulator> put something in

Recognised as Colour

#9ECCF3

  • #9ECCF3
  • Blue
  • Light
  • Nearest: Light skyblue

#9ECCF3 is a blue with RGB values 158, 204, 243 and HSL 208°, 78%, 79%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#9ECCF3#9ECCF3
HEX#9ECCF3
RGBrgb(158, 204, 243)
RGB (0–1)0.6196, 0.8, 0.9529
RGB percentages62%, 80%, 95.3%
HSLhsl(207.5, 78%, 78.6%)
HSV / HSBhsv(207.5, 35%, 95.3%)
CMYK35%, 16%, 0%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer10,407,155
CSS custom property--colour: #9ECCF3;

Brightness & contrast

Relative luminance0.56926WCAG 2.x, 0 is black and 1 is white
Perceived brightness196.5 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.39:1
Contrast with white1.7:1WCAG normal text: Fail
Contrast with black12.39:1WCAG normal text: AAA
Greyscale equivalent#C5C5C5
Inverted#61330C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#BCCCF5no red cones; affects about 1% of men; ΔE 9.5 from the original
Deuteranopia#B1C3F2no green cones; the most common form, about 1% of men; ΔE 10.1 from the original
Tritanopia#82D5D9no blue cones; rare, and affects men and women equally; ΔE 23.2 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.7:1WCAG large text: Fail
Contrast with black, large text12.39:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 6.7Sky blue · ΔE 9.5Light steelblue · ΔE 10Light blue · ΔE 14Powder blue · ΔE 19Lavender · ΔE 20.8
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 6.75, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F3C59E
Analogous#9EF3EF, #9EA2F3
Triadic#F39ECC, #CCF39E
Split complementary#F39EA2, #F3EF9E
Tetradic#EF9EF3, #F3C59E, #A2F39E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#F9FCFE
Lighter +10%#CBE4F9
Darker −10%#71B4ED
Darker −20%#439CE8
Darker −30%#1B84DD
Darker −40%#1669AF
More saturated +25%#92CDFF
Less saturated −25%#ACCBE5

Channel breakdown

R158
G204
B243
Red158 (62%)
Green204 (80%)
Blue243 (95.3%)
Hue207.53°
Saturation (HSL)77.98%
Lightness78.63%
Dominant channelBlue
Hex per channelR 9E · G CC · B F3

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