ColorTool
Log in
#6CA8B3

#6ca8b3 ≈ Cadet Blue

  • cyan
  • Lightness: medium
  • Saturation: moderate
  • Cool
Check contrast Explore in graph Random color

#6ca8b3 is a color from the cyan family, with medium lightness and moderate saturation. In the RGB model it is made of 42.35% red, 65.88% green and 70.2% blue; printed in CMYK it uses 39.66% cyan, 6.15% magenta, 0% yellow and 29.8% black. Its hue angle is 189.3°, with 31.84% saturation and 56.27% 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 7.89:1 (WCAG AAA). The closest named color is Cadet Blue (#5f9ea0), ΔE 5.38.

Description generated from the measured properties of this color.

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

Complementary

  1. #6ca8b3
  2. #b3776c

Split complementary

  1. #6ca8b3
  2. #b36c84
  3. #b39a6c

Analogous

  1. #6cb39a
  2. #6ca8b3
  3. #6c84b3

Triadic

  1. #6ca8b3
  2. #b36ca8
  3. #a8b36c

Tetradic

  1. #6ca8b3
  2. #776cb3
  3. #b3776c
  4. #a8b36c

Square

  1. #6ca8b3
  2. #9a6cb3
  3. #b3776c
  4. #84b36c

Monochromatic

  1. #2e5258
  2. #48808b
  3. #6ca8b3
  4. #9ec6cd
  5. #d1e4e7

Shades

#6ca8b3 mixed progressively with black.

  1. #6ca8b3
  2. #6197a1
  3. #56868f
  4. #4c767d
  5. #41656b
  6. #36545a
  7. #2b4348
  8. #203236
  9. #162224
  10. #0b1112
  11. #000000

Tints

#6ca8b3 mixed progressively with white.

  1. #6ca8b3
  2. #7bb1bb
  3. #89b9c2
  4. #98c2ca
  5. #a7cbd1
  6. #b6d4d9
  7. #c4dce1
  8. #d3e5e8
  9. #e2eef0
  10. #f0f6f7
  11. #ffffff

Tones

#6ca8b3 mixed progressively with gray.

  1. #6ca8b3
  2. #6ea4ae
  3. #70a0a9
  4. #729ca4
  5. #74989f
  6. #76949a
  7. #789094
  8. #7a8c8f
  9. #7c888a
  10. #7e8485
  11. #808080

Readable text 2.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.89:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #9f9f9f ≈ 0.003% of males
Achromatomaly #8da2a7 ≈ 0.001% of males
Protanopia #9ea4b4 ≈ 1.01% of males
Deuteranopia #929bb3 ≈ 1.27% of males
Tritanopia #4fadab ≈ 0.0001% of males
Protanomaly #8da5b3 ≈ 1.08% of males
Deuteranomaly #85a0b3 ≈ 4.63% of males
Tritanomaly #5cabae ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-6ca8b3 {
  color: #6ca8b3;
}
Background
.bg-6ca8b3 {
  background-color: #6ca8b3;
  color: #000000;
}
Border
.border-6ca8b3 {
  border: 2px solid #6ca8b3;
}
CSS variables
:root {
  --color-primary: #6ca8b3;
  --color-primary-rgb: 108 168 179;
  --color-primary-hsl: 189 32% 56%;
}
Gradient
.gradient-6ca8b3 {
  background: linear-gradient(135deg, #6ca8b3, #6c84b3);
}
Colored shadow
.shadow-6ca8b3 {
  box-shadow: 0 8px 24px rgb(108 168 179 / 0.35);
}

#5f9ea0 Cadet Blue ΔE 5.38 #73a9c2 Moonstone Blue ΔE 6.27 #43b3ae Verdigris ΔE 9.83 #0095b6 Bondi Blue ΔE 10.46 #20b2aa Light Sea Green ΔE 11.71 #0abab5 Tiffany Blue ΔE 11.86 #87ceeb Sky Blue ΔE 12.02 #93574c Inverted #9f9f9f Grayscale 

Cadet Blue
#6ca8b3  rgb(108, 168, 179)  hsl(189, 32%, 56%)  Cadet Blue
#b3776c  rgb(179, 119, 108)  hsl(9, 32%, 56%)  Old Rose
#b36ca8  rgb(179, 108, 168)  hsl(309, 32%, 56%)  Sky Magenta
#a8b36c  rgb(168, 179, 108)  hsl(69, 32%, 56%)  Olivine