Nerdulator> put something in

Colour

#63AFD5

  • #63AFD5
  • Blue
  • Dark
  • Nearest: Light skyblue

#63AFD5 is a blue with RGB values 99, 175, 213 and HSL 200°, 58%, 61%. 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

#63AFD5#63AFD5
HEX#63AFD5
RGBrgb(99, 175, 213)
RGB (0–1)0.3882, 0.6863, 0.8353
RGB percentages38.8%, 68.6%, 83.5%
HSLhsl(200, 57.6%, 61.2%)
HSV / HSBhsv(200, 53.5%, 83.5%)
CMYK53.5%, 17.8%, 0%, 16.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,533,077
CSS custom property--colour: #63AFD5;

Brightness & contrast

Relative luminance0.38117WCAG 2.x, 0 is black and 1 is white
Perceived brightness161.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.62:1
Contrast with white2.44:1WCAG normal text: Fail
Contrast with black8.62:1WCAG normal text: AAA
Greyscale equivalent#A2A2A2
Inverted#9C502A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9CADD7no red cones; affects about 1% of men; ΔE 17 from the original
Deuteranopia#8CA1D4no green cones; the most common form, about 1% of men; ΔE 17.9 from the original
Tritanopia#0FB9BBno blue cones; rare, and affects men and women equally; ΔE 27.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.44:1WCAG large text: Fail
Contrast with black, large text8.62:1WCAG large text: AAA

Named colours

Light skyblue · ΔE 12Sky blue · ΔE 12.4Deep skyblue · ΔE 17.4Steel blue · ΔE 18.9Light steelblue · ΔE 19.2Cadetblue · ΔE 21.3
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 11.99, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#D58963
Analogous#63D5C2, #6376D5
Triadic#D563AF, #AFD563
Split complementary#D56376, #D5C263
Tetradic#C263D5, #D58963, #76D563

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#DCEDF5
Lighter +20%#B3D8EB
Lighter +10%#8BC4E0
Darker −10%#3B9ACA
Darker −20%#2D7DA5
Darker −30%#225F7D
Darker −40%#174055
More saturated +25%#4AB7EE
Less saturated −25%#7CA7BC

Channel breakdown

R99
G175
B213
Red99 (38.8%)
Green175 (68.6%)
Blue213 (83.5%)
Hue200°
Saturation (HSL)57.58%
Lightness61.18%
Dominant channelBlue
Hex per channelR 63 · G AF · B D5

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