ColorTool
Log in
#083FCC

#083fcc ≈ Persian Blue

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

#083fcc is a color from the blue family, with medium lightness and vivid saturation. In the RGB model it is made of 3.14% red, 24.71% green and 80% blue; printed in CMYK it uses 96.08% cyan, 69.12% magenta, 0% yellow and 20% black. Its hue angle is 223.16°, with 92.45% saturation and 41.57% 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 call-to-action buttons. White text on this color reaches a contrast ratio of 8.1:1 (WCAG AAA). The closest named color is Persian Blue (#1c39bb), ΔE 2.71.

Description generated from the measured properties of this color.

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

Complementary

  1. #083fcc
  2. #cc9508

Split complementary

  1. #083fcc
  2. #cc3308
  3. #a1cc08

Analogous

  1. #08a1cc
  2. #083fcc
  3. #3308cc

Triadic

  1. #083fcc
  2. #cc083f
  3. #3fcc08

Tetradic

  1. #083fcc
  2. #9508cc
  3. #cc9508
  4. #3fcc08

Square

  1. #083fcc
  2. #cc08a1
  3. #cc9508
  4. #08cc33

Monochromatic

  1. #021239
  2. #052882
  3. #083fcc
  4. #2a63f7
  5. #7399fa

Shades

#083fcc mixed progressively with black.

  1. #083fcc
  2. #0739b8
  3. #0632a3
  4. #062c8f
  5. #05267a
  6. #042066
  7. #031952
  8. #02133d
  9. #020d29
  10. #010614
  11. #000000

Tints

#083fcc mixed progressively with white.

  1. #083fcc
  2. #2152d1
  3. #3965d6
  4. #5279db
  5. #6b8ce0
  6. #849fe6
  7. #9cb2eb
  8. #b5c5f0
  9. #ced9f5
  10. #e6ecfa
  11. #ffffff

Tones

#083fcc mixed progressively with gray.

  1. #083fcc
  2. #1446c4
  3. #204cbd
  4. #2c53b5
  5. #3859ae
  6. #4460a6
  7. #50669e
  8. #5c6d97
  9. #68738f
  10. #747a88
  11. #808080

Readable text 8.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #505050 ≈ 0.003% of males
Achromatomaly #3e4a92 ≈ 0.001% of males
Protanopia #0059d0 ≈ 1.01% of males
Deuteranopia #0047c9 ≈ 1.27% of males
Tritanopia #006781 ≈ 0.0001% of males
Protanomaly #0050cf ≈ 1.08% of males
Deuteranomaly #0044ca ≈ 4.63% of males
Tritanomaly #0059a4 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-083fcc {
  color: #083fcc;
}
Background
.bg-083fcc {
  background-color: #083fcc;
  color: #ffffff;
}
Border
.border-083fcc {
  border: 2px solid #083fcc;
}
CSS variables
:root {
  --color-primary: #083fcc;
  --color-primary-rgb: 8 63 204;
  --color-primary-hsl: 223 92% 42%;
}
Gradient
.gradient-083fcc {
  background: linear-gradient(135deg, #083fcc, #3308cc);
}
Colored shadow
.shadow-083fcc {
  box-shadow: 0 8px 24px rgb(8 63 204 / 0.35);
}

#1c39bb Persian Blue ΔE 2.71 #1034a6 Egyptian Blue ΔE 5.73 #0047ab Cobalt Blue ΔE 5.92 #4f42b5 Ocean Blue ΔE 6.14 #0f52ba Sapphire ΔE 7.01 #003399 Smalt ΔE 7.53 #5a4fcf Iris ΔE 7.91 #f7c033 Inverted #505050 Grayscale 

Persian Blue
#083fcc  rgb(8, 63, 204)  hsl(223, 92%, 42%)  Persian Blue
#cc9508  rgb(204, 149, 8)  hsl(43, 92%, 42%)  Goldenrod
#cc083f  rgb(204, 8, 63)  hsl(343, 92%, 42%)  Cardinal
#3fcc08  rgb(63, 204, 8)  hsl(103, 92%, 42%)  Lime Green