Klein blue color: code #002FA7
Klein blue
#002FA7
Color codes
- HEX
#002FA7 - RGB
rgb(0, 47, 167) - HSL
hsl(223, 100%, 33%) - HSV
hsv(223, 100%, 65%) - CMYK
cmyk(100%, 72%, 0%, 35%) - LAB
lab(26.2% 37 -66.9) - OKLCH
oklch(37.9% 0.195 263.2)
About the color Klein blue
Klein blue has the HEX code #002FA7, which corresponds to rgb(0, 47, 167) in the RGB model. On the color wheel its hue sits at 223°, with 100% saturation and 33% lightness (hsl(223, 100%, 33%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for light text: white reaches a 10.68:1 contrast ratio on it, versus 1.96:1 for black.
For print, the approximate conversion is cmyk(100%, 72%, 0%, 35%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Klein blue
Complementary
#002FA7 · #A87900
Analogous
#0084A8 · #002FA7 · #2400A8
Triadic
#002FA7 · #A80030 · #30A800
Tetradic
#002FA7 · #A80084 · #A87900 · #00A824
Split-complementary
#002FA7 · #A82400 · #84A800
Monochromatic
#000C29 · #002175 · #002FA7 · #0045F5 · #4278FF
Klein blue with white and black text
How to use it in CSS
:root {
--color-klein-blue: #002FA7;
--color-klein-blue-rgb: 0, 47, 167;
}
.elemento {
background-color: var(--color-klein-blue);
color: #FFFFFF;
}