#144357
blue5% BrightnessCool
Color Values
HEX
#144357
RGB
rgb(20, 67, 87)
HSL
hsl(198°, 63%, 21%)
CMYK
cmyk(77%, 23%, 0%, 66%)
Color Harmonies
Complementary
144357
572814
Triadic
144357
571443
435714
Analogous
14574A
144357
142157
Monochromatic
000000
144357
34A2D0
Similar Colors
010304
143257
145457
2783AA
142157
14574A
CSS Snippets
CSS Variables
--color-base: #144357; --color-light: #2886AE; --color-dark: #000000;
CSS Class
.element {
color: #144357;
background: #5DB5DA;
border-color: #2783AA;
}Contrast Analysis
Sample Text — 10.66:1
The quick brown fox jumps over the lazy dog
On Black1.97:1
On White10.66:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness5%
Saturation63%
Hue198°
Temp
Cool
LRV
5%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated blue color with 5% brightness, 63% saturation, and 21% lightness.