ColorTool
Log in
#72BCFB

#72bcfb ≈ Maya Blue

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

#72bcfb is a color from the azure family, with high lightness and strong saturation. In the RGB model it is made of 44.71% red, 73.73% green and 98.43% blue; printed in CMYK it uses 54.58% cyan, 25.1% magenta, 0% yellow and 1.57% black. Its hue angle is 207.59°, with 94.48% saturation and 71.57% lightness in HSL. It is a cool color, often associated with openness, freedom and calm. Designers typically use it for technology products, finance and banking and call-to-action buttons. Black text on this color reaches a contrast ratio of 10.3:1 (WCAG AAA). The closest named color is Maya Blue (#73c2fb), ΔE 2.2.

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.4651

Complementary

  1. #72bcfb
  2. #fbb172

Split complementary

  1. #72bcfb
  2. #fb7278
  3. #fbf572

Analogous

  1. #72fbf5
  2. #72bcfb
  3. #7278fb

Triadic

  1. #72bcfb
  2. #fb72bc
  3. #bcfb72

Tetradic

  1. #72bcfb
  2. #b172fb
  3. #fbb172
  4. #bcfb72

Square

  1. #72bcfb
  2. #f572fb
  3. #fbb172
  4. #78fb72

Monochromatic

  1. #0672ce
  2. #2899f9
  3. #72bcfb
  4. #bcdffd
  5. #ebf6fe

Shades

#72bcfb mixed progressively with black.

  1. #72bcfb
  2. #67a9e2
  3. #5b96c9
  4. #5084b0
  5. #447197
  6. #395e7e
  7. #2e4b64
  8. #22384b
  9. #172632
  10. #0b1319
  11. #000000

Tints

#72bcfb mixed progressively with white.

  1. #72bcfb
  2. #80c3fb
  3. #8ec9fc
  4. #9cd0fc
  5. #aad7fd
  6. #b9defd
  7. #c7e4fd
  8. #d5ebfe
  9. #e3f2fe
  10. #f1f8ff
  11. #ffffff

Tones

#72bcfb mixed progressively with gray.

  1. #72bcfb
  2. #73b6ef
  3. #75b0e2
  4. #76aad6
  5. #78a4ca
  6. #799ebe
  7. #7a98b1
  8. #7c92a5
  9. #7d8c99
  10. #7f868c
  11. #808080

Readable text 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 10.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #b6b6b6 ≈ 0.003% of males
Achromatomaly #9fb8d5 ≈ 0.001% of males
Protanopia #a1bdfe ≈ 1.01% of males
Deuteranopia #8faffa ≈ 1.27% of males
Tritanopia #01cbd2 ≈ 0.0001% of males
Protanomaly #91bdfd ≈ 1.08% of males
Deuteranomaly #84b5fa ≈ 4.63% of males
Tritanomaly #49c5e3 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-72bcfb {
  color: #72bcfb;
}
Background
.bg-72bcfb {
  background-color: #72bcfb;
  color: #000000;
}
Border
.border-72bcfb {
  border: 2px solid #72bcfb;
}
CSS variables
:root {
  --color-primary: #72bcfb;
  --color-primary-rgb: 114 188 251;
  --color-primary-hsl: 208 94% 72%;
}
Gradient
.gradient-72bcfb {
  background: linear-gradient(135deg, #72bcfb, #7278fb);
}
Colored shadow
.shadow-72bcfb {
  box-shadow: 0 8px 24px rgb(114 188 251 / 0.35);
}

#73c2fb Maya Blue ΔE 2.20 #87cefa Light Sky Blue ΔE 5.88 #71a6d2 Iceberg ΔE 6.91 #00bfff Deep Sky Blue ΔE 7.61 #89cff0 Baby Blue ΔE 8.49 #56a0d3 Carolina Blue ΔE 8.59 #87ceeb Sky Blue ΔE 9.64 #8d4304 Inverted #b6b6b6 Grayscale 

Maya Blue
#72bcfb  rgb(114, 188, 251)  hsl(208, 94%, 72%)  Maya Blue
#fbb172  rgb(251, 177, 114)  hsl(28, 94%, 72%)  Sandy Brown
#fb72bc  rgb(251, 114, 188)  hsl(328, 94%, 72%)  Hot Pink
#bcfb72  rgb(188, 251, 114)  hsl(88, 94%, 72%)  Inchworm