Nazwany kolor · #009276
Dòu Lǜ Green
Dòu Lǜ Green to #009276: rgb(0 146 118), hsl(168 100% 29%), oklch(0.588 0.113 172.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Dòu Lǜ Green color name →
#009276
oklch(0.588 0.113 172.8)
Konwersje koloru
- HEX
- #009276
- RGB
- rgb(0 146 118)
- HSL
- hsl(168 100% 29%)
- HWB
- hwb(168 0% 43%)
- OKLCH
- oklch(0.588 0.113 172.8)
- OKLab
- oklab(0.588 -0.112 0.014)
- CIE Lab
- lab(53.71 -39.82 5.09)
- LCH
- lch(53.71 40.14 172.7)
- CMYK
- cmyk(100% 0% 19% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 379D83
- 53A890
- 6BB29D
- 81BDAB
- 97C8B8
- ACD3C6
- C1DED4
- D5E9E2
- EAF4F1
Odcienie ciemniejsze
- 007E66
- 006B56
- 005847
- 004638
- 003529
- 00251C
- 00160F
- 000805
- 000101
Tony
- 269077
- 388F78
- 468D79
- 518C7A
- 5A8A7B
- 63887C
- 6B867D
- 72847E
- 79827F
Harmonie kolorów
Komplementarna +180°
- 009276
Dòu Lǜ Green
- AF5E83
≈ Guppy Violet
Analogowa -30° +30°
- 009276
Dòu Lǜ Green
- 528E4E
≈ Virgo Green Goddess
- 008E97
≈ Tempo Teal
Triada +120° +240°
- 009276
Dòu Lǜ Green
- 7F6FBA
≈ Venus Violet
- B06836
≈ Ebony Lips
Komplementarna rozszczepiona +150° +210°
- 009276
Dòu Lǜ Green
- 9D64A4
≈ Royal Pretender
- B65F5D
≈ Wild Poppy
Tetrada +90° +180° +270°
- 009276
Dòu Lǜ Green
- 587BC0
≈ Blue Iolite
- AF5E83
≈ Guppy Violet
- 9D7519
≈ Barbarian Leather
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.90:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.37:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.37:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--dou-lu-green: #009276;
--dou-lu-green-rgb: 0 146 118;
--dou-lu-green-oklch: oklch(0.588 0.113 172.8);
}
.element {
color: var(--dou-lu-green);
background-color: hsl(168 100% 29%);
border-color: oklch(0.588 0.113 172.8);
}Tailwind CSS v4
@theme {
--color-dou-lu-green: #009276;
--color-dou-lu-green-50: #d5fff3;
--color-dou-lu-green-100: #c1f5e5;
--color-dou-lu-green-200: #a1e5d1;
--color-dou-lu-green-300: #75cbb4;
--color-dou-lu-green-400: #49b498;
--color-dou-lu-green-500: #009e7f;
--color-dou-lu-green-600: #00856b;
--color-dou-lu-green-700: #006b56;
--color-dou-lu-green-800: #024f3d;
--color-dou-lu-green-900: #03372a;
--color-dou-lu-green-950: #002117;
}SCSS
$dou-lu-green: #009276;
$dou-lu-green-rgb: 0, 146, 118;
$dou-lu-green-light: mix(#fff, $dou-lu-green, 20%);
$dou-lu-green-dark: mix(#000, $dou-lu-green, 20%);
.element {
color: $dou-lu-green;
box-shadow: 0 0 0 2px rgba($dou-lu-green, 0.35);
}