Zaffre

#0014A8
RGB
0, 20, 168
HSL
233°, 100%, 33%
CMYK
100, 88, 0, 34
HSV
233°, 100%, 66%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0014A8 color: #0014A8;
RGB 0, 20, 168 color: rgb(0, 20, 168);
RGB Percentage 0%, 8%, 66% color: rgb(0%, 8%, 66%);
CMYK 100%, 88%, 0%, 34% Not supported in CSS
HSL 233°, 100%, 33% color: hsl(233, 100%, 33%);
HSV 233°, 100%, 66% Not supported in CSS
CIE-LAB 26, -4, -49 color: lab(26% -4 -49);
Decimal 5288 Not supported in CSS

Color Variations

Shades

#0014A8
#001297
#001087
#000E76
#000C65
#000A54
#000843
#000632

Tints

#98A4FF
#7686FF
#5468FF
#324AFF
#102CFF
#001CED
#0018CA
#0014A8

Tones

#0014A8
#081AA0
#112197
#19278F
#222D87
#2A347E
#323A76
#3B416D

Hues

#0014A8
#6B00A8
#A80068
#A81600
#A89500
#3EA800
#00A841
#0092A8

Color Harmonies

Analogous

#0068A8
Click to copy
Dark Cyan
81%
#0014A8
Click to copy
Zaffre
100%
#4100A8
Click to copy
Dark Blue
85%

Complementary

#0014A8
Click to copy
Zaffre
100%
#A89500
Click to copy
Dark Orange
39%

Split Complementary

#0014A8
Click to copy
Zaffre
100%
#A84100
Click to copy
Dark Red
45%
#68A800
Click to copy
Dark Yellow
44%

Triadic

#0014A8
Click to copy
Zaffre
100%
#A80014
Click to copy
Dark Magenta
49%
#14A800
Click to copy
Dark Green
49%

Tetradic

#0014A8
Click to copy
Zaffre
100%
#A80068
Click to copy
Dark Purple
59%
#A89500
Click to copy
Dark Orange
39%
#00A841
Click to copy
Dark Green
59%

Square

#0014A8
Click to copy
Zaffre
100%
#A80068
Click to copy
Dark Purple
59%
#A89500
Click to copy
Dark Orange
39%
#00A841
Click to copy
Dark Green
59%

CSS & Dev Snippets

CSS
.zaffre {
  color: #0014A8;
}
SCSS
$zaffre: #0014A8;
RGB
rgb(0, 20, 168)

Accessibility & Contrast

White background

12.61:1
12.61
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.67:1
1.67
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags