Adlandırılmış renk · #0E695F
Evergreen Forest
Evergreen Forest, #0E695F: rgb(14 105 95), hsl(173 76% 23%), oklch(0.47 0.08 183.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Evergreen Forest color name →
#0E695F
oklch(0.47 0.08 183.2)
Renk dönüşümleri
- HEX
- #0e695f
- RGB
- rgb(14 105 95)
- HSL
- hsl(173 76% 23%)
- HWB
- hwb(173 5% 59%)
- OKLCH
- oklch(0.47 0.08 183.2)
- OKLab
- oklab(0.47 -0.08 -0.004)
- CIE Lab
- lab(39.44 -27.76 -1.87)
- LCH
- lch(39.44 27.82 183.9)
- CMYK
- cmyk(87% 0% 10% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 31776E
- 4A867D
- 61948C
- 78A39C
- 8EB2AB
- A4C1BC
- BBD0CC
- D1E0DD
- E8EFEE
Koyu tonlar
- 0B5A52
- 074C44
- 053E38
- 03312C
- 022420
- 011815
- 000C0A
- 000403
- 000000
Gri tonlar
- 246B62
- 326E65
- 3E7069
- 49736C
- 53756F
- 5D7773
- 667A76
- 6F7C79
- 777E7D
Renk uyumları
Tamamlayıcı +180°
- 0E695F
Evergreen Forest
- 804756
≈ Haunting Melody
Analog -30° +30°
- 0E695F
Evergreen Forest
- 336845
≈ Thousand Years Green
- 096675
≈ Bankson Lake
Üçlü +120° +240°
- 0E695F
Evergreen Forest
- 644F7F
≈ Imperial Palace
- 7A5027
≈ Brown-Noser
Bölünmüş tamamlayıcı +150° +210°
- 0E695F
Evergreen Forest
- 75496E
≈ Old Fashioned Purple
- 81493D
≈ Nutmeg
Dörtlü +90° +180° +270°
- 0E695F
Evergreen Forest
- 4C5787
≈ Baby Whale
- 804756
≈ Haunting Melody
- 6A591E
≈ Bean Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.55:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.20:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--evergreen-forest: #0e695f;
--evergreen-forest-rgb: 14 105 95;
--evergreen-forest-oklch: oklch(0.47 0.08 183.2);
}
.element {
color: var(--evergreen-forest);
background-color: hsl(173 76% 23%);
border-color: oklch(0.47 0.08 183.2);
}Tailwind CSS v4
@theme {
--color-evergreen-forest: #0e695f;
--color-evergreen-forest-50: #ddfdf8;
--color-evergreen-forest-100: #cbf1eb;
--color-evergreen-forest-200: #afe0d9;
--color-evergreen-forest-300: #88c5bd;
--color-evergreen-forest-400: #65aea3;
--color-evergreen-forest-500: #3d978b;
--color-evergreen-forest-600: #358076;
--color-evergreen-forest-700: #2a675e;
--color-evergreen-forest-800: #1e4b44;
--color-evergreen-forest-900: #14342f;
--color-evergreen-forest-950: #05201b;
}SCSS
$evergreen-forest: #0e695f;
$evergreen-forest-rgb: 14, 105, 95;
$evergreen-forest-light: mix(#fff, $evergreen-forest, 20%);
$evergreen-forest-dark: mix(#000, $evergreen-forest, 20%);
.element {
color: $evergreen-forest;
box-shadow: 0 0 0 2px rgba($evergreen-forest, 0.35);
}