Named color · #355D51
Holly Bush
Holly Bush is #355D51: rgb(53 93 81), hsl(162 27% 29%), oklch(0.445 0.05 172.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Holly Bush color name →
#355D51
oklch(0.445 0.05 172.7)
Color conversions
- HEX
- #355d51
- RGB
- rgb(53 93 81)
- HSL
- hsl(162 27% 29%)
- HWB
- hwb(162 21% 64%)
- OKLCH
- oklch(0.445 0.05 172.7)
- OKLab
- oklab(0.445 -0.049 0.006)
- CIE Lab
- lab(36.25 -17.17 2.25)
- LCH
- lch(36.25 17.32 172.5)
- CMYK
- cmyk(43% 0% 13% 64%)
Tints · Shades · Tones
Tints
- 486C61
- 5B7B71
- 6F8B81
- 829B92
- 96ABA4
- ABBBB5
- BFCCC7
- D4DDDA
- E9EEEC
Shades
- 2D5045
- 25433A
- 1D372F
- 152A24
- 0E1F1A
- 081410
- 030A07
- 010302
- 000000
Tones
- 3D6156
- 45645A
- 4D685F
- 546B63
- 5B6F68
- 63726D
- 6A7672
- 717976
- 797D7B
Color harmonies
Complementary +180°
- 355D51
Holly Bush
- 6A4856
≈ Mixed Berry Jam
Analogous -30° +30°
- 355D51
Holly Bush
- 445B42
≈ Cayman Green
- 2F5C60
≈ Arctic Nights
Triadic +120° +240°
- 355D51
Holly Bush
- 544F6D
≈ Exotic Evening
- 6A4C3A
≈ Radigan Conagher Brown
Split-complementary +150° +210°
- 355D51
Holly Bush
- 614B64
≈ Vivid Vision
- 6D4947
≈ Painite
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.40:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.83:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--holly-bush: #355d51;
--holly-bush-rgb: 53 93 81;
--holly-bush-oklch: oklch(0.445 0.05 172.7);
}
.element {
color: var(--holly-bush);
background-color: hsl(162 27% 29%);
border-color: oklch(0.445 0.05 172.7);
}Tailwind CSS v4
@theme {
--color-holly-bush: #355d51;
--color-holly-bush-50: #e7faf4;
--color-holly-bush-100: #d8eee7;
--color-holly-bush-200: #bfdcd3;
--color-holly-bush-300: #9ec0b6;
--color-holly-bush-400: #81a89b;
--color-holly-bush-500: #639183;
--color-holly-bush-600: #547b6f;
--color-holly-bush-700: #436258;
--color-holly-bush-800: #314840;
--color-holly-bush-900: #21322c;
--color-holly-bush-950: #101e19;
}SCSS
$holly-bush: #355d51;
$holly-bush-rgb: 53, 93, 81;
$holly-bush-light: mix(#fff, $holly-bush, 20%);
$holly-bush-dark: mix(#000, $holly-bush, 20%);
.element {
color: $holly-bush;
box-shadow: 0 0 0 2px rgba($holly-bush, 0.35);
}