ColorTool
Log in
#4449CC

#4449cc ≈ Iris

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

#4449cc is a color from the blue family, with medium lightness and strong saturation. In the RGB model it is made of 26.67% red, 28.63% green and 80% blue; printed in CMYK it uses 66.67% cyan, 64.22% magenta, 0% yellow and 20% black. Its hue angle is 237.79°, with 57.14% saturation and 53.33% lightness in HSL. It is a cool color, often associated with trust, stability and focus. Designers typically use it for technology products, finance and banking and brand accents. White text on this color reaches a contrast ratio of 6.84:1 (WCAG AA). The closest named color is Iris (#5a4fcf), ΔE 3.37.

Description generated from the measured properties of this color.

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

Complementary

  1. #4449cc
  2. #ccc744

Split complementary

  1. #4449cc
  2. #cc8344
  3. #8dcc44

Analogous

  1. #448dcc
  2. #4449cc
  3. #8344cc

Triadic

  1. #4449cc
  2. #cc4449
  3. #49cc44

Tetradic

  1. #4449cc
  2. #c744cc
  3. #ccc744
  4. #49cc44

Square

  1. #4449cc
  2. #cc448d
  3. #ccc744
  4. #44cc83

Monochromatic

  1. #191c5d
  2. #2a2e9a
  3. #4449cc
  4. #8083dc
  5. #bcbeed

Shades

#4449cc mixed progressively with black.

  1. #4449cc
  2. #3d42b8
  3. #363aa3
  4. #30338f
  5. #292c7a
  6. #222566
  7. #1b1d52
  8. #14163d
  9. #0e0f29
  10. #070714
  11. #000000

Tints

#4449cc mixed progressively with white.

  1. #4449cc
  2. #575bd1
  3. #696dd6
  4. #7c80db
  5. #8f92e0
  6. #a2a4e6
  7. #b4b6eb
  8. #c7c8f0
  9. #dadbf5
  10. #ecedfa
  11. #ffffff

Tones

#4449cc mixed progressively with gray.

  1. #4449cc
  2. #4a4fc4
  3. #5054bd
  4. #565ab5
  5. #5c5fae
  6. #6265a6
  7. #686a9e
  8. #6e7097
  9. #74758f
  10. #7a7b88
  11. #808080

Readable text 6.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5b5b5b ≈ 0.003% of males
Achromatomaly #525496 ≈ 0.001% of males
Protanopia #0061d0 ≈ 1.01% of males
Deuteranopia #0054c9 ≈ 1.27% of males
Tritanopia #006b84 ≈ 0.0001% of males
Protanomaly #0058cf ≈ 1.08% of males
Deuteranomaly #0050ca ≈ 4.63% of males
Tritanomaly #005fa6 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-4449cc {
  color: #4449cc;
}
Background
.bg-4449cc {
  background-color: #4449cc;
  color: #ffffff;
}
Border
.border-4449cc {
  border: 2px solid #4449cc;
}
CSS variables
:root {
  --color-primary: #4449cc;
  --color-primary-rgb: 68 73 204;
  --color-primary-hsl: 238 57% 53%;
}
Gradient
.gradient-4449cc {
  background: linear-gradient(135deg, #4449cc, #8344cc);
}
Colored shadow
.shadow-4449cc {
  box-shadow: 0 8px 24px rgb(68 73 204 / 0.35);
}

#5a4fcf Iris ΔE 3.37 #4f42b5 Ocean Blue ΔE 4.10 #6050dc Majorelle Blue ΔE 4.92 #1c39bb Persian Blue ΔE 5.99 #6a5acd Slate Blue ΔE 7.15 #0f52ba Sapphire ΔE 7.56 #0047ab Cobalt Blue ΔE 8.08 #bbb633 Inverted #5b5b5b Grayscale 

Iris
#4449cc  rgb(68, 73, 204)  hsl(238, 57%, 53%)  Iris
#ccc744  rgb(204, 199, 68)  hsl(58, 57%, 53%)  Straw
#cc4449  rgb(204, 68, 73)  hsl(358, 57%, 53%)  Brick Red
#49cc44  rgb(73, 204, 68)  hsl(118, 57%, 53%)  Lime Green