#3D5A80
blue10% BrightnessCool
Color Values
HEX
#3D5A80
RGB
rgb(61, 90, 128)
HSL
hsl(214°, 35%, 37%)
CMYK
cmyk(52%, 30%, 0%, 50%)
Color Harmonies
Complementary
3D5A80
80633D
Triadic
3D5A80
803D5A
5A803D
Analogous
3D7B80
3D5A80
423D80
Monochromatic
0C1118
3D5A80
8DA7C9
Similar Colors
1C293B
3D4980
3D6B80
6B8CB8
423D80
3D7B80
CSS Snippets
CSS Variables
--color-base: #3D5A80; --color-light: #6E8FBA; --color-dark: #1A2737;
CSS Class
.element {
color: #3D5A80;
background: #B0C2D9;
border-color: #6B8CB8;
}Contrast Analysis
Sample Text — 7.06:1
The quick brown fox jumps over the lazy dog
On Black2.97:1
On White7.06:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness10%
Saturation35%
Hue214°
Temp
Cool
LRV
10%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 10% brightness, 35% saturation, and 37% lightness.