Adlandırılmış renk · #166D29
Enchanted Glen
Enchanted Glen, #166D29: rgb(22 109 41), hsl(133 66% 26%), oklch(0.47 0.13 146.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Enchanted Glen color name →
#166D29
oklch(0.47 0.13 146.5)
Renk dönüşümleri
- HEX
- #166d29
- RGB
- rgb(22 109 41)
- HSL
- hsl(133 66% 26%)
- HWB
- hwb(133 9% 57%)
- OKLCH
- oklch(0.47 0.13 146.5)
- OKLab
- oklab(0.47 -0.108 0.072)
- CIE Lab
- lab(40.04 -37.48 29.79)
- LCH
- lch(40.04 47.87 141.5)
- CMYK
- cmyk(80% 0% 62% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 357B3E
- 4D8953
- 639868
- 79A67C
- 8FB591
- A5C3A7
- BBD2BC
- D2E1D2
- E8F0E8
Koyu tonlar
- 125E22
- 0D4F1C
- 094115
- 06330F
- 032609
- 021905
- 010D02
- 000401
- 000100
Gri tonlar
- 286F33
- 35713D
- 407446
- 4A764E
- 547857
- 5D795F
- 667B67
- 6F7D70
- 787E78
Renk uyumları
Tamamlayıcı +180°
- 166D29
Enchanted Glen
- 7F3C81
≈ Violet Webcap
Analog -30° +30°
- 166D29
Enchanted Glen
- 586200
≈ Forestial Outpost
- 006A59
≈ Fresh Ivy Green
Üçlü +120° +240°
- 166D29
Enchanted Glen
- 3955A3
≈ Blasphemous Blue
- 963631
≈ Red Chilli
Bölünmüş tamamlayıcı +150° +210°
- 166D29
Enchanted Glen
- 63479A
≈ Sweet Flag
- 90355C
≈ Forward Fuchsia
Dörtlü +90° +180° +270°
- 166D29
Enchanted Glen
- 00628C
≈ Reservoir
- 7F3C81
≈ Violet Webcap
- 894600
≈ Chocolate Pancakes
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.45:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.25:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.45:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-glen: #166d29;
--enchanted-glen-rgb: 22 109 41;
--enchanted-glen-oklch: oklch(0.47 0.13 146.5);
}
.element {
color: var(--enchanted-glen);
background-color: hsl(133 66% 26%);
border-color: oklch(0.47 0.13 146.5);
}Tailwind CSS v4
@theme {
--color-enchanted-glen: #166d29;
--color-enchanted-glen-50: #ddffe1;
--color-enchanted-glen-100: #cbf5d0;
--color-enchanted-glen-200: #aee4b6;
--color-enchanted-glen-300: #88ca92;
--color-enchanted-glen-400: #67b36f;
--color-enchanted-glen-500: #419c4f;
--color-enchanted-glen-600: #398443;
--color-enchanted-glen-700: #2d6a35;
--color-enchanted-glen-800: #224e24;
--color-enchanted-glen-900: #163618;
--color-enchanted-glen-950: #072108;
}SCSS
$enchanted-glen: #166d29;
$enchanted-glen-rgb: 22, 109, 41;
$enchanted-glen-light: mix(#fff, $enchanted-glen, 20%);
$enchanted-glen-dark: mix(#000, $enchanted-glen, 20%);
.element {
color: $enchanted-glen;
box-shadow: 0 0 0 2px rgba($enchanted-glen, 0.35);
}