Adlandırılmış renk · #29AB87
Herbal
Herbal, #29AB87: rgb(41 171 135), hsl(163 61% 42%), oklch(0.664 0.122 169.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Herbal color name →
#29AB87
oklch(0.664 0.122 169.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4AB492
- 63BC9E
- 79C4AA
- 8DCDB5
- A1D5C1
- B4DECD
- C7E6DA
- DAEEE6
- ECF7F2
Koyu tonlar
- 229475
- 1C7E63
- 156851
- 0F5441
- 094031
- 052D21
- 021B13
- 010B06
- 000101
Gri tonlar
- 3BA786
- 49A386
- 539F85
- 5C9A84
- 649684
- 6B9283
- 718D82
- 768981
- 7B8581
Renk uyumları
Tamamlayıcı +180°
- 29AB87
Herbal
- CA739F
≈ Fading Love
Analog -30° +30°
- 29AB87
Herbal
- 6AA55B
≈ Off Green
- 00A8AE
≈ Blue Bolero
Üçlü +120° +240°
- 29AB87
Herbal
- 9286D9
≈ Indigo Bloom
- CF7B4B
≈ Brown Sugar Glaze
Bölünmüş tamamlayıcı +150° +210°
- 29AB87
Herbal
- B47AC2
≈ Wisteria
- D47375
≈ Lantana
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.88:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.26:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
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);
}