ColorTool
Log in
#4B6576

#4b6576 ≈ Queen Blue

  • azure
  • Lightness: low
  • Saturation: muted
  • Cool
Check contrast Explore in graph Random color

#4b6576 is a color from the azure family, with low lightness and muted saturation. In the RGB model it is made of 29.41% red, 39.61% green and 46.27% blue; printed in CMYK it uses 36.44% cyan, 14.41% magenta, 0% yellow and 53.73% black. Its hue angle is 203.72°, with 22.28% saturation and 37.84% 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 brand accents. White text on this color reaches a contrast ratio of 6.14:1 (WCAG AA). The closest named color is Queen Blue (#436b95), ΔE 8.17.

Description generated from the measured properties of this color.

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

Complementary

  1. #4b6576
  2. #765c4b

Split complementary

  1. #4b6576
  2. #764b4f
  3. #76714b

Analogous

  1. #4b7671
  2. #4b6576
  3. #4b4f76

Triadic

  1. #4b6576
  2. #764b65
  3. #65764b

Tetradic

  1. #4b6576
  2. #5c4b76
  3. #765c4b
  4. #65764b

Square

  1. #4b6576
  2. #714b76
  3. #765c4b
  4. #4f764b

Monochromatic

  1. #101518
  2. #2d3d47
  3. #4b6576
  4. #6c8ca2
  5. #9bb1bf

Shades

#4b6576 mixed progressively with black.

  1. #4b6576
  2. #445b6a
  3. #3c515e
  4. #354753
  5. #2d3d47
  6. #26333b
  7. #1e282f
  8. #171e23
  9. #0f1418
  10. #080a0c
  11. #000000

Tints

#4b6576 mixed progressively with white.

  1. #4b6576
  2. #5d7484
  3. #6f8491
  4. #81939f
  5. #93a3ad
  6. #a5b2bb
  7. #b7c1c8
  8. #c9d1d6
  9. #dbe0e4
  10. #edf0f1
  11. #ffffff

Tones

#4b6576 mixed progressively with gray.

  1. #4b6576
  2. #506877
  3. #566a78
  4. #5b6d79
  5. #60707a
  6. #66737b
  7. #6b757c
  8. #70787d
  9. #757b7e
  10. #7b7d7f
  11. #808080

Readable text 6.14:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.42:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #626262 ≈ 0.003% of males
Achromatomaly #59636a ≈ 0.001% of males
Protanopia #5d6477 ≈ 1.01% of males
Deuteranopia #586076 ≈ 1.27% of males
Tritanopia #3d696a ≈ 0.0001% of males
Protanomaly #576577 ≈ 1.08% of males
Deuteranomaly #536276 ≈ 4.63% of males
Tritanomaly #43686f ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-4b6576 {
  color: #4b6576;
}
Background
.bg-4b6576 {
  background-color: #4b6576;
  color: #ffffff;
}
Border
.border-4b6576 {
  border: 2px solid #4b6576;
}
CSS variables
:root {
  --color-primary: #4b6576;
  --color-primary-rgb: 75 101 118;
  --color-primary-hsl: 204 22% 38%;
}
Gradient
.gradient-4b6576 {
  background: linear-gradient(135deg, #4b6576, #4b4f76);
}
Colored shadow
.shadow-4b6576 {
  box-shadow: 0 8px 24px rgb(75 101 118 / 0.35);
}

#436b95 Queen Blue ΔE 8.17 #367588 Teal Blue ΔE 8.76 #006994 Sea Blue ΔE 8.90 #26619c Lapis Lazuli ΔE 9.96 #0067a5 Medium Persian Blue ΔE 10.57 #1560bd Denim ΔE 10.76 #5a4fcf Iris ΔE 11.07 #b49a89 Inverted #626262 Grayscale 

Queen Blue
#4b6576  rgb(75, 101, 118)  hsl(204, 22%, 38%)  Queen Blue
#765c4b  rgb(118, 92, 75)  hsl(24, 22%, 38%)  Coffee
#764b65  rgb(118, 75, 101)  hsl(324, 22%, 38%)  Twilight Lavender
#65764b  rgb(101, 118, 75)  hsl(84, 22%, 38%)  Fern Green