Nerdulator> put something in

Colour

#66B3FF

  • #66B3FF
  • Blue
  • Dark
  • Nearest: Cornflower blue

#66B3FF is a blue with RGB values 102, 179, 255 and HSL 210°, 100%, 70%. It is a dark colour, so black text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#66B3FF#66B3FF
HEX#66B3FF
RGBrgb(102, 179, 255)
RGB (0–1)0.4, 0.702, 1
RGB percentages40%, 70.2%, 100%
HSLhsl(209.8, 100%, 70%)
HSV / HSBhsv(209.8, 60%, 100%)
CMYK60%, 29.8%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,730,751
CSS custom property--colour: #66B3FF;

Brightness & contrast

Relative luminance0.42285WCAG 2.x, 0 is black and 1 is white
Perceived brightness171.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.46:1
Contrast with white2.22:1WCAG normal text: Fail
Contrast with black9.46:1WCAG normal text: AAA
Greyscale equivalent#A8A8A8
Inverted#994C00

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#93B6FFno red cones; affects about 1% of men; ΔE 10 from the original
Deuteranopia#7EA7FDno green cones; the most common form, about 1% of men; ΔE 11.5 from the original
Tritanopia#00C5CEno blue cones; rare, and affects men and women equally; ΔE 45.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.22:1WCAG large text: Fail
Contrast with black, large text9.46:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 15Deep skyblue · ΔE 16.2Light skyblue · ΔE 20.5Steel blue · ΔE 22.6Dodgerblue · ΔE 24.9Sky blue · ΔE 28.1
Nearest named CSS colourCornflower blue (#6495ED)ΔE 15.04, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FFB266
Analogous#66FFFE, #6667FF
Triadic#FF66B3, #B3FF66
Split complementary#FF6667, #FFFF66
Tetradic#FE66FF, #FFB266, #66FF66

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#CCE6FF
Lighter +10%#99CCFF
Darker −10%#339AFF
Darker −20%#0080FF
Darker −30%#0067CC
Darker −40%#004D99
More saturated +25%#66B3FF
Less saturated −25%#79B3EC

Channel breakdown

R102
G179
B255
Red102 (40%)
Green179 (70.2%)
Blue255 (100%)
Hue209.8°
Saturation (HSL)100%
Lightness70%
Dominant channelBlue
Hex per channelR 66 · G B3 · 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 “66b3ff” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.