ColorTool
Log in
#149FCD

#149fcd ≈ Bondi Blue

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

#149fcd is a color from the cyan family, with medium lightness and strong saturation. In the RGB model it is made of 7.84% red, 62.35% green and 80.39% blue; printed in CMYK it uses 90.24% cyan, 22.44% magenta, 0% yellow and 19.61% black. Its hue angle is 194.92°, with 82.22% saturation and 44.12% 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 call-to-action buttons. Black text on this color reaches a contrast ratio of 6.87:1 (WCAG AA). The closest named color is Bondi Blue (#0095b6), ΔE 5.24.

Description generated from the measured properties of this color.

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

Complementary

  1. #149fcd
  2. #cd4214

Split complementary

  1. #149fcd
  2. #cd1443
  3. #cd9f14

Analogous

  1. #14cd9f
  2. #149fcd
  3. #1443cd

Triadic

  1. #149fcd
  2. #cd149f
  3. #9fcd14

Tetradic

  1. #149fcd
  2. #4214cd
  3. #cd4214
  4. #9fcd14

Square

  1. #149fcd
  2. #9f14cd
  3. #cd4214
  4. #43cd14

Monochromatic

  1. #063342
  2. #0d6987
  3. #149fcd
  4. #41c2ec
  5. #87d8f3

Shades

#149fcd mixed progressively with black.

  1. #149fcd
  2. #128fb9
  3. #107fa4
  4. #0e6f90
  5. #0c5f7b
  6. #0a5067
  7. #084052
  8. #06303e
  9. #042029
  10. #021015
  11. #000000

Tints

#149fcd mixed progressively with white.

  1. #149fcd
  2. #2ca9d2
  3. #43b2d7
  4. #5bbcdc
  5. #72c5e1
  6. #8acfe6
  7. #a1d9eb
  8. #b9e2f0
  9. #d0ecf5
  10. #e8f5fa
  11. #ffffff

Tones

#149fcd mixed progressively with gray.

  1. #149fcd
  2. #1f9cc5
  3. #2a99be
  4. #3496b6
  5. #3f93ae
  6. #4a90a7
  7. #558c9f
  8. #608997
  9. #6a868f
  10. #758388
  11. #808080

Readable text 3.06:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.87:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #939393 ≈ 0.003% of males
Achromatomaly #7598ad ≈ 0.001% of males
Protanopia #879ccf ≈ 1.01% of males
Deuteranopia #708ccc ≈ 1.27% of males
Tritanopia #00acae ≈ 0.0001% of males
Protanomaly #6b9dce ≈ 1.08% of males
Deuteranomaly #5994cd ≈ 4.63% of males
Tritanomaly #00a7bb ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-149fcd {
  color: #149fcd;
}
Background
.bg-149fcd {
  background-color: #149fcd;
  color: #000000;
}
Border
.border-149fcd {
  border: 2px solid #149fcd;
}
CSS variables
:root {
  --color-primary: #149fcd;
  --color-primary-rgb: 20 159 205;
  --color-primary-hsl: 195 82% 44%;
}
Gradient
.gradient-149fcd {
  background: linear-gradient(135deg, #149fcd, #1443cd);
}
Colored shadow
.shadow-149fcd {
  box-shadow: 0 8px 24px rgb(20 159 205 / 0.35);
}

#0095b6 Bondi Blue ΔE 5.24 #56a0d3 Carolina Blue ΔE 6.05 #73a9c2 Moonstone Blue ΔE 8.12 #71a6d2 Iceberg ΔE 8.84 #5d8aa8 Air Force Blue ΔE 9.41 #00bfff Deep Sky Blue ΔE 9.76 #4682b4 Steel Blue ΔE 11.72 #eb6032 Inverted #939393 Grayscale 

Bondi Blue
#149fcd  rgb(20, 159, 205)  hsl(195, 82%, 44%)  Bondi Blue
#cd4214  rgb(205, 66, 20)  hsl(15, 82%, 44%)  Sinopia
#cd149f  rgb(205, 20, 159)  hsl(315, 82%, 44%)  Medium Violet Red
#9fcd14  rgb(159, 205, 20)  hsl(75, 82%, 44%)  Yellow Green