Zaffre

#0014A8

What color is Zaffre?

Zaffre is a deep, saturated blue with a strong violet lean, hex #0014A8, close to the color of lapis lazuli stone. It is darker than a typical royal blue, with a dense, almost ink-like quality.

What is the meaning of the color Zaffre?

The name traces to the Italian zaffera, used in glassmaking as early as the 16th century to describe a cobalt oxide pigment imported through Venice for coloring glass and ceramics. The pigment was carried along trade routes from the Middle East into Europe, where it became a standard material for Delftware pottery in the Netherlands by the 17th century. Josiah Wedgwood later used cobalt-derived blues in his English ceramics, anchoring zaffre as a color associated with fine decorative work.

RGB
0, 20, 168
HSL
233°, 100%, 33%
CMYK
100, 88, 0, 34
HSV
233°, 100%, 66%
Zaffre color

What colors go with Zaffre?

Colors that pair well with Zaffre include:
Gold: warm, rich contrast
Ivory: soft, lightening balance
Charcoal: deep, tonal anchor
Burnt orange: bold, warm complement
Silver: cool, clean pairing

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
#0014A8
Click to copy
#4100A8
Click to copy

Complementary

#0014A8
Click to copy
#A89500
Click to copy

Split Complementary

#0014A8
Click to copy
#A84100
Click to copy
97%
#68A800
Click to copy

Triadic

#0014A8
Click to copy
#A80014
Click to copy
#14A800
Click to copy

Tetradic

#0014A8
Click to copy
#A80068
Click to copy
#A89500
Click to copy
#00A841
Click to copy

Square

#0014A8
Click to copy
#A80068
Click to copy
#A89500
Click to copy
#00A841
Click to copy

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