#3B67FC
blue18% BrightnessCool
Color Values
HEX
#3B67FC
RGB
rgb(59, 103, 252)
HSL
hsl(226°, 97%, 61%)
CMYK
cmyk(77%, 59%, 0%, 1%)
Color Harmonies
Complementary
3B67FC
FCD03B
Triadic
3B67FC
FC3B67
67FC3B
Analogous
3BC8FC
3B67FC
6F3BFC
Monochromatic
02259C
3B67FC
D2DCFE
Similar Colors
0331CE
3F3BFC
3B97FC
9FB5FE
6F3BFC
3BC8FC
CSS Snippets
CSS Variables
--color-base: #3B67FC; --color-light: #A4B9FE; --color-dark: #0330C9;
CSS Class
.element {
color: #3B67FC;
background: #021969;
border-color: #0331CE;
}Contrast Analysis
Sample Text — 4.63:1
The quick brown fox jumps over the lazy dog
On Black4.53:1
On White4.63:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness18%
Saturation97%
Hue226°
Temp
Cool
LRV
18%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 18% brightness, 97% saturation, and 61% lightness.