#0B479A
blue7% BrightnessCool
Color Values
HEX
#0B479A
RGB
rgb(11, 71, 154)
HSL
hsl(215°, 87%, 32%)
CMYK
cmyk(93%, 54%, 0%, 40%)
Color Harmonies
Complementary
0B479A
9A5E0B
Triadic
0B479A
9A0B47
479A0B
Analogous
0B8E9A
0B479A
170B9A
Monochromatic
01050B
0B479A
4C92F2
Similar Colors
041B3B
0B239A
0B6B9A
1C75EF
170B9A
0B8E9A
CSS Snippets
CSS Variables
--color-base: #0B479A; --color-light: #2177EF; --color-dark: #041936;
CSS Class
.element {
color: #0B479A;
background: #7BAFF6;
border-color: #1C75EF;
}Contrast Analysis
Sample Text — 8.82:1
The quick brown fox jumps over the lazy dog
On Black2.38:1
On White8.82:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness7%
Saturation87%
Hue215°
Temp
Cool
LRV
7%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 7% brightness, 87% saturation, and 32% lightness.