ColorTool
Log in
#B3AFF2

#b3aff2 ≈ Wild Blue Yonder

  • blue
  • Lightness: high
  • Saturation: moderate
  • Cool
Check contrast Explore in graph Random color

#b3aff2 is a color from the blue family, with high lightness and moderate saturation. In the RGB model it is made of 70.2% red, 68.63% green and 94.9% blue; printed in CMYK it uses 26.03% cyan, 27.69% magenta, 0% yellow and 5.1% black. Its hue angle is 243.58°, with 72.04% saturation and 81.76% lightness in HSL. It is a cool color, often associated with trust, stability and focus. Designers typically use it for technology products, finance and banking and soft pastel palettes. Black text on this color reaches a contrast ratio of 10.33:1 (WCAG AAA). The closest named color is Wild Blue Yonder (#a2add0), ΔE 7.04.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#cc99ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.4665

Complementary

  1. #b3aff2
  2. #eef2af

Split complementary

  1. #b3aff2
  2. #f2d4af
  3. #ccf2af

Analogous

  1. #afccf2
  2. #b3aff2
  3. #d4aff2

Triadic

  1. #b3aff2
  2. #f2b3af
  3. #aff2b3

Tetradic

  1. #b3aff2
  2. #f2afee
  3. #eef2af
  4. #aff2b3

Square

  1. #b3aff2
  2. #f2afcc
  3. #eef2af
  4. #aff2d4

Monochromatic

  1. #362bdd
  2. #746de7
  3. #b3aff2
  4. #eeedfc
  5. #eeedfc

Shades

#b3aff2 mixed progressively with black.

  1. #b3aff2
  2. #a19eda
  3. #8f8cc2
  4. #7d7ba9
  5. #6b6991
  6. #5a5879
  7. #484661
  8. #363549
  9. #242330
  10. #121218
  11. #000000

Tints

#b3aff2 mixed progressively with white.

  1. #b3aff2
  2. #bbb7f3
  3. #c2bff5
  4. #cac7f6
  5. #d1cff7
  6. #d9d7f9
  7. #e1dffa
  8. #e8e7fb
  9. #f0effc
  10. #f7f7fe
  11. #ffffff

Tones

#b3aff2 mixed progressively with gray.

  1. #b3aff2
  2. #aeaae7
  3. #a9a6db
  4. #a4a1d0
  5. #9f9cc4
  6. #9a98b9
  7. #9493ae
  8. #8f8ea2
  9. #8a8997
  10. #85858b
  11. #808080

Readable text 2.03:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 10.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #b6b6b6 ≈ 0.003% of males
Achromatomaly #b5b3d1 ≈ 0.001% of males
Protanopia #9db8f5 ≈ 1.01% of males
Deuteranopia #9cb4f0 ≈ 1.27% of males
Tritanopia #a5bbc7 ≈ 0.0001% of males
Protanomaly #a6b4f4 ≈ 1.08% of males
Deuteranomaly #a6b2f1 ≈ 4.63% of males
Tritanomaly #abb6d9 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b3aff2 {
  color: #b3aff2;
}
Background
.bg-b3aff2 {
  background-color: #b3aff2;
  color: #000000;
}
Border
.border-b3aff2 {
  border: 2px solid #b3aff2;
}
CSS variables
:root {
  --color-primary: #b3aff2;
  --color-primary-rgb: 179 175 242;
  --color-primary-hsl: 244 72% 82%;
}
Gradient
.gradient-b3aff2 {
  background: linear-gradient(135deg, #b3aff2, #d4aff2);
}
Colored shadow
.shadow-b3aff2 {
  box-shadow: 0 8px 24px rgb(179 175 242 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 7.04 #ccccff Periwinkle ΔE 7.57 #b0c4de Light Steel Blue ΔE 10.01 #e0b0ff Mauve ΔE 10.10 #c9a0dc Wisteria ΔE 10.19 #c8a2c8 Lilac ΔE 13.34 #8c92ac Cool Gray ΔE 13.87 #4c500d Inverted #b6b6b6 Grayscale 

Wild Blue Yonder
#b3aff2  rgb(179, 175, 242)  hsl(244, 72%, 82%)  Wild Blue Yonder
#eef2af  rgb(238, 242, 175)  hsl(64, 72%, 82%)  Pale Goldenrod
#f2b3af  rgb(242, 179, 175)  hsl(4, 72%, 82%)  Melon
#aff2b3  rgb(175, 242, 179)  hsl(124, 72%, 82%)  Granny Smith Apple