Nazwany kolor · #29AB87
Herbal
Herbal to #29AB87: rgb(41 171 135), hsl(163 61% 42%), oklch(0.664 0.122 169.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Herbal color name →
#29AB87
oklch(0.664 0.122 169.4)
Konwersje koloru
- HEX
- #29ab87
- RGB
- rgb(41 171 135)
- HSL
- hsl(163 61% 42%)
- HWB
- hwb(163 16% 33%)
- OKLCH
- oklch(0.664 0.122 169.4)
- OKLab
- oklab(0.664 -0.12 0.022)
- CIE Lab
- lab(62.64 -42.41 8.27)
- LCH
- lch(62.64 43.21 169)
- CMYK
- cmyk(76% 0% 21% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4AB492
- 63BC9E
- 79C4AA
- 8DCDB5
- A1D5C1
- B4DECD
- C7E6DA
- DAEEE6
- ECF7F2
Odcienie ciemniejsze
- 229475
- 1C7E63
- 156851
- 0F5441
- 094031
- 052D21
- 021B13
- 010B06
- 000101
Tony
- 3BA786
- 49A386
- 539F85
- 5C9A84
- 649684
- 6B9283
- 718D82
- 768981
- 7B8581
Harmonie kolorów
Komplementarna +180°
- 29AB87
Herbal
- CA739F
≈ Fading Love
Analogowa -30° +30°
- 29AB87
Herbal
- 6AA55B
≈ Off Green
- 00A8AE
≈ Blue Bolero
Triada +120° +240°
- 29AB87
Herbal
- 9286D9
≈ Indigo Bloom
- CF7B4B
≈ Brown Sugar Glaze
Komplementarna rozszczepiona +150° +210°
- 29AB87
Herbal
- B47AC2
≈ Wisteria
- D47375
≈ Lantana
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.88:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.26:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--herbal: #29ab87;
--herbal-rgb: 41 171 135;
--herbal-oklch: oklch(0.664 0.122 169.4);
}
.element {
color: var(--herbal);
background-color: hsl(163 61% 42%);
border-color: oklch(0.664 0.122 169.4);
}Tailwind CSS v4
@theme {
--color-herbal: #29ab87;
--color-herbal-50: #d3fff1;
--color-herbal-100: #c0f6e3;
--color-herbal-200: #9ee6ce;
--color-herbal-300: #71ccaf;
--color-herbal-400: #43b592;
--color-herbal-500: #009f79;
--color-herbal-600: #008766;
--color-herbal-700: #006c52;
--color-herbal-800: #004f3a;
--color-herbal-900: #003727;
--color-herbal-950: #002216;
}SCSS
$herbal: #29ab87;
$herbal-rgb: 41, 171, 135;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}