Coloried

Zaffre

Zaffre color is a rich shade of dark blue. This dark blue is one of the vivid and strong blue color because its stand in the position of blue and black, white thats why it appears as blue but has properties of black, white. Its hex code is #0014A8 and rgb code is rgb(0, 20, 168), Its CMYK value is cmyk(100%, 88%, 0%, 34%), and Its HSL value is hsl(233, 100%, 33%). Against white, it has a contrast ratio of 12.61:1, while against black, the contrast ratio is 1.67:1. Its complementary color is #A89500 and closest tailwind color is blue-800. This color goes well with #8B42FF, #42B7FF, #8F9CFF, #FF6B0F, and #A3FF0F. If you want to recreate Zaffre color, you can mix #0000FF and #002851.

Zaffre color code
|
1. Color Conversions
HEX#0014A8
RGB0, 20, 168
HSL233°, 100%, 33%
HSV233°, 100%, 66%
CMYK100%, 88%, 0%, 34%
Web Safe#000099
2. Contrast Ratio
Text on #FFFFFF12.61:1
AAA LargeAAA Normal
Text on #0000001.67:1
Fail LargeFail Normal
3. Zaffre Color Code in CSS
HEX
#0014A8
RGB
rgb(0, 20, 168)
HSL
hsl(233, 100%, 33%)
Text Color
color: #0014A8;
Background
background-color: #0014A8;
Border Color
border-color: #0014A8;
Box Shadow
box-shadow: 0 4px 14px 0 #0014A880;
SCSS
$color-zaffre: #0014A8;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#090984
Deuteranopia#08067C
Tritanopia#016862
Achromatopsia#1F1F1F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive