Nerdulator> put something in

Colour

#B7CAF5

  • #B7CAF5
  • Blue
  • Light
  • Nearest: Light steelblue

#B7CAF5 is a blue with RGB values 183, 202, 245 and HSL 222°, 76%, 84%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#B7CAF5#B7CAF5
HEX#B7CAF5
RGBrgb(183, 202, 245)
RGB (0–1)0.7176, 0.7922, 0.9608
RGB percentages71.8%, 79.2%, 96.1%
HSLhsl(221.6, 75.6%, 83.9%)
HSV / HSBhsv(221.6, 25.3%, 96.1%)
CMYK25.3%, 17.6%, 0%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,045,045
CSS custom property--colour: #B7CAF5;

Brightness & contrast

Relative luminance0.58901WCAG 2.x, 0 is black and 1 is white
Perceived brightness202 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.78:1
Contrast with white1.64:1WCAG normal text: Fail
Contrast with black12.78:1WCAG normal text: AAA
Greyscale equivalent#C9C9C9
Inverted#48350A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#BDCDF7no red cones; affects about 1% of men; ΔE 1.6 from the original
Deuteranopia#B7C7F4no green cones; the most common form, about 1% of men; ΔE 1.7 from the original
Tritanopia#A7D2D8no blue cones; rare, and affects men and women equally; ΔE 22.1 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.64:1WCAG large text: Fail
Contrast with black, large text12.78:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 9.5Light skyblue · ΔE 14.7Lavender · ΔE 17.3Thistle · ΔE 17.5Sky blue · ΔE 17.9Light blue · ΔE 18.3
Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 9.48, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F5E2B7
Analogous#B7E9F5, #C3B7F5
Triadic#F5B7CA, #CAF5B7
Split complementary#F5C3B7, #E9F5B7
Tetradic#F5B7E9, #F5E2B7, #B7F5C3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#E4EBFB
Darker −10%#8AA9EF
Darker −20%#5D88E9
Darker −30%#3167E2
Darker −40%#1B4FC5
More saturated +25%#ADC6FF
Less saturated −25%#C1CEEB

Channel breakdown

R183
G202
B245
Red183 (71.8%)
Green202 (79.2%)
Blue245 (96.1%)
Hue221.61°
Saturation (HSL)75.61%
Lightness83.92%
Dominant channelBlue
Hex per channelR B7 · G CA · B F5

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