ColorTool
Log in
#1A4E93

#1a4e93 ≈ Yale Blue

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

#1a4e93 is a color from the azure family, with low lightness and moderate saturation. In the RGB model it is made of 10.2% red, 30.59% green and 57.65% blue; printed in CMYK it uses 82.31% cyan, 46.94% magenta, 0% yellow and 42.35% black. Its hue angle is 214.21°, with 69.94% saturation and 33.92% 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 corporate identities. White text on this color reaches a contrast ratio of 8.22:1 (WCAG AAA). The closest named color is Yale Blue (#0f4d92), ΔE 0.84.

Description generated from the measured properties of this color.

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

Complementary

  1. #1a4e93
  2. #935f1a

Split complementary

  1. #1a4e93
  2. #93221a
  3. #8b931a

Analogous

  1. #1a8b93
  2. #1a4e93
  3. #221a93

Triadic

  1. #1a4e93
  2. #931a4e
  3. #4e931a

Tetradic

  1. #1a4e93
  2. #5f1a93
  3. #935f1a
  4. #4e931a

Square

  1. #1a4e93
  2. #931a8b
  3. #935f1a
  4. #1a9322

Monochromatic

  1. #030911
  2. #0f2c52
  3. #1a4e93
  4. #2571d4
  5. #639ae3

Shades

#1a4e93 mixed progressively with black.

  1. #1a4e93
  2. #174684
  3. #153e76
  4. #123767
  5. #102f58
  6. #0d274a
  7. #0a1f3b
  8. #08172c
  9. #05101d
  10. #03080f
  11. #000000

Tints

#1a4e93 mixed progressively with white.

  1. #1a4e93
  2. #31609e
  3. #4871a9
  4. #5f83b3
  5. #7695be
  6. #8da7c9
  7. #a3b8d4
  8. #bacadf
  9. #d1dce9
  10. #e8edf4
  11. #ffffff

Tones

#1a4e93 mixed progressively with gray.

  1. #1a4e93
  2. #245391
  3. #2e588f
  4. #395d8d
  5. #43628b
  6. #4d678a
  7. #576c88
  8. #617186
  9. #6c7684
  10. #767b82
  11. #808080

Readable text 8.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #4f4f4f ≈ 0.003% of males
Achromatomaly #404e70 ≈ 0.001% of males
Protanopia #295596 ≈ 1.01% of males
Deuteranopia #094a92 ≈ 1.27% of males
Tritanopia #005e69 ≈ 0.0001% of males
Protanomaly #245295 ≈ 1.08% of males
Deuteranomaly #124b92 ≈ 4.63% of males
Tritanomaly #00587c ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-1a4e93 {
  color: #1a4e93;
}
Background
.bg-1a4e93 {
  background-color: #1a4e93;
  color: #ffffff;
}
Border
.border-1a4e93 {
  border: 2px solid #1a4e93;
}
CSS variables
:root {
  --color-primary: #1a4e93;
  --color-primary-rgb: 26 78 147;
  --color-primary-hsl: 214 70% 34%;
}
Gradient
.gradient-1a4e93 {
  background: linear-gradient(135deg, #1a4e93, #221a93);
}
Colored shadow
.shadow-1a4e93 {
  box-shadow: 0 8px 24px rgb(26 78 147 / 0.35);
}

#0f4d92 Yale Blue ΔE 0.84 #0047ab Cobalt Blue ΔE 4.24 #0f52ba Sapphire ΔE 5.02 #26619c Lapis Lazuli ΔE 6.59 #1560bd Denim ΔE 7.45 #003399 Smalt ΔE 9.32 #0067a5 Medium Persian Blue ΔE 9.73 #e5b16c Inverted #4f4f4f Grayscale 

Yale Blue
#1a4e93  rgb(26, 78, 147)  hsl(214, 70%, 34%)  Yale Blue
#935f1a  rgb(147, 95, 26)  hsl(34, 70%, 34%)  Golden Brown
#931a4e  rgb(147, 26, 78)  hsl(334, 70%, 34%)  Jazzberry Jam
#4e931a  rgb(78, 147, 26)  hsl(94, 70%, 34%)  Olive Drab