ColorTool
Log in
#428698

#428698 ≈ Teal Blue

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

#428698 is a color from the cyan family, with medium lightness and moderate saturation. In the RGB model it is made of 25.88% red, 52.55% green and 59.61% blue; printed in CMYK it uses 56.58% cyan, 11.84% magenta, 0% yellow and 40.39% black. Its hue angle is 192.56°, with 39.45% saturation and 42.75% 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 5.1:1 (WCAG AA). The closest named color is Teal Blue (#367588), ΔE 6.48.

Description generated from the measured properties of this color.

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

Complementary

  1. #428698
  2. #985442

Split complementary

  1. #428698
  2. #98425b
  3. #987f42

Analogous

  1. #42987f
  2. #428698
  3. #425b98

Triadic

  1. #428698
  2. #984286
  3. #869842

Tetradic

  1. #428698
  2. #544298
  3. #985442
  4. #869842

Square

  1. #428698
  2. #7f4298
  3. #985442
  4. #5b9842

Monochromatic

  1. #14282d
  2. #2b5763
  3. #428698
  4. #69acbe
  5. #9ec9d5

Shades

#428698 mixed progressively with black.

  1. #428698
  2. #3b7989
  3. #356b7a
  4. #2e5e6a
  5. #28505b
  6. #21434c
  7. #1a363d
  8. #14282e
  9. #0d1b1e
  10. #070d0f
  11. #000000

Tints

#428698 mixed progressively with white.

  1. #428698
  2. #5592a2
  3. #689ead
  4. #7baab7
  5. #8eb6c1
  6. #a1c3cc
  7. #b3cfd6
  8. #c6dbe0
  9. #d9e7ea
  10. #ecf3f5
  11. #ffffff

Tones

#428698 mixed progressively with gray.

  1. #428698
  2. #488596
  3. #4e8593
  4. #558491
  5. #5b848e
  6. #61838c
  7. #67828a
  8. #6d8287
  9. #748185
  10. #7a8182
  11. #808080

Readable text 4.12:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.1:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #7d7d7d ≈ 0.003% of males
Achromatomaly #6a8189 ≈ 0.001% of males
Protanopia #7a8299 ≈ 1.01% of males
Deuteranopia #6d7998 ≈ 1.27% of males
Tritanopia #008c8c ≈ 0.0001% of males
Protanomaly #688499 ≈ 1.08% of males
Deuteranomaly #5f7e98 ≈ 4.63% of males
Tritanomaly #258a91 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-428698 {
  color: #428698;
}
Background
.bg-428698 {
  background-color: #428698;
  color: #000000;
}
Border
.border-428698 {
  border: 2px solid #428698;
}
CSS variables
:root {
  --color-primary: #428698;
  --color-primary-rgb: 66 134 152;
  --color-primary-hsl: 193 39% 43%;
}
Gradient
.gradient-428698 {
  background: linear-gradient(135deg, #428698, #425b98);
}
Colored shadow
.shadow-428698 {
  box-shadow: 0 8px 24px rgb(66 134 152 / 0.35);
}

#367588 Teal Blue ΔE 6.48 #0095b6 Bondi Blue ΔE 6.75 #5d8aa8 Air Force Blue ΔE 8.08 #007ba7 Cerulean ΔE 9.14 #008b8b Dark Cyan ΔE 10.12 #008080 Teal ΔE 10.53 #5f9ea0 Cadet Blue ΔE 10.55 #bd7967 Inverted #7d7d7d Grayscale 

Teal Blue
#428698  rgb(66, 134, 152)  hsl(193, 39%, 43%)  Teal Blue
#985442  rgb(152, 84, 66)  hsl(13, 39%, 43%)  Chestnut
#984286  rgb(152, 66, 134)  hsl(313, 39%, 43%)  Deep Plum
#869842  rgb(134, 152, 66)  hsl(73, 39%, 43%)  Moss Green