#00B2A9
green35% BrightnessCool
Color Values
HEX
#00B2A9
RGB
rgb(0, 178, 169)
HSL
hsl(177°, 100%, 35%)
CMYK
cmyk(100%, 0%, 5%, 30%)
Color Harmonies
Complementary
00B2A9
B20009
Triadic
00B2A9
A900B2
B2A900
Analogous
00B250
00B2A9
0062B2
Monochromatic
001918
00B2A9
4CFFF6
Similar Colors
004C48
008EB2
00B27D
19FFF3
0062B2
00B250
CSS Snippets
CSS Variables
--color-base: #00B2A9; --color-light: #1EFFF4; --color-dark: #004743;
CSS Class
.element {
color: #00B2A9;
background: #7FFFF9;
border-color: #19FFF3;
}Contrast Analysis
Sample Text — 7.94:1
The quick brown fox jumps over the lazy dog
On Black7.94:1
On White2.64:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness35%
Saturation100%
Hue177°
Temp
Cool
LRV
35%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated green color with 35% brightness, 100% saturation, and 35% lightness.