ColorTool
Log in
#5FCEEA

#5fceea ≈ Sky Blue

  • cyan
  • Lightness: high
  • Saturation: strong
  • Cool
Check contrast Explore in graph Random color

#5fceea is a color from the cyan family, with high lightness and strong saturation. In the RGB model it is made of 37.25% red, 80.78% green and 91.76% blue; printed in CMYK it uses 59.4% cyan, 11.97% magenta, 0% yellow and 8.24% black. Its hue angle is 192.09°, with 76.8% saturation and 64.51% lightness in HSL. It is a cool color, often associated with freshness, technology and clarity. Designers typically use it for health and wellness, technology products and brand accents. Black text on this color reaches a contrast ratio of 11.5:1 (WCAG AAA). The closest named color is Sky Blue (#87ceeb), ΔE 4.84.

Description generated from the measured properties of this color.

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

Complementary

  1. #5fceea
  2. #ea7b5f

Split complementary

  1. #5fceea
  2. #ea5f88
  3. #eac15f

Analogous

  1. #5feac1
  2. #5fceea
  3. #5f88ea

Triadic

  1. #5fceea
  2. #ea5fce
  3. #ceea5f

Tetradic

  1. #5fceea
  2. #7b5fea
  3. #ea7b5f
  4. #ceea5f

Square

  1. #5fceea
  2. #c15fea
  3. #ea7b5f
  4. #88ea5f

Monochromatic

  1. #14809c
  2. #1db8df
  3. #5fceea
  4. #a3e3f3
  5. #e6f7fc

Shades

#5fceea mixed progressively with black.

  1. #5fceea
  2. #56b9d3
  3. #4ca5bb
  4. #4390a4
  5. #397c8c
  6. #306775
  7. #26525e
  8. #1d3e46
  9. #13292f
  10. #0a1517
  11. #000000

Tints

#5fceea mixed progressively with white.

  1. #5fceea
  2. #6fd3ec
  3. #7fd8ee
  4. #8fddf0
  5. #9fe2f2
  6. #afe7f5
  7. #bfebf7
  8. #cff0f9
  9. #dff5fb
  10. #effafd
  11. #ffffff

Tones

#5fceea mixed progressively with gray.

  1. #5fceea
  2. #62c6df
  3. #66bed5
  4. #69b7ca
  5. #6cafc0
  6. #70a7b5
  7. #739faa
  8. #7697a0
  9. #799095
  10. #7d888b
  11. #808080

Readable text 1.83:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 11.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #c0c0c0 ≈ 0.003% of males
Achromatomaly #a2c6d2 ≈ 0.001% of males
Protanopia #bbc8ec ≈ 1.01% of males
Deuteranopia #a7b9ea ≈ 1.27% of males
Tritanopia #00d8d7 ≈ 0.0001% of males
Protanomaly #9fcbeb ≈ 1.08% of males
Deuteranomaly #90c2ea ≈ 4.63% of males
Tritanomaly #21d4df ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-5fceea {
  color: #5fceea;
}
Background
.bg-5fceea {
  background-color: #5fceea;
  color: #000000;
}
Border
.border-5fceea {
  border: 2px solid #5fceea;
}
CSS variables
:root {
  --color-primary: #5fceea;
  --color-primary-rgb: 95 206 234;
  --color-primary-hsl: 192 77% 65%;
}
Gradient
.gradient-5fceea {
  background: linear-gradient(135deg, #5fceea, #5f88ea);
}
Colored shadow
.shadow-5fceea {
  box-shadow: 0 8px 24px rgb(95 206 234 / 0.35);
}

#87ceeb Sky Blue ΔE 4.84 #89cff0 Baby Blue ΔE 5.84 #a4dded Non-Photo Blue ΔE 7.96 #87cefa Light Sky Blue ΔE 8.27 #00bfff Deep Sky Blue ΔE 9.62 #add8e6 Light Blue ΔE 9.65 #00ced1 Dark Turquoise ΔE 10.60 #a03115 Inverted #c0c0c0 Grayscale 

Sky Blue
#5fceea  rgb(95, 206, 234)  hsl(192, 77%, 65%)  Sky Blue
#ea7b5f  rgb(234, 123, 95)  hsl(12, 77%, 65%)  Burnt Sienna
#ea5fce  rgb(234, 95, 206)  hsl(312, 77%, 65%)  Orchid
#ceea5f  rgb(206, 234, 95)  hsl(72, 77%, 65%)  June Bud