Adlandırılmış renk · #0D6323
Woodland Wonder
Woodland Wonder, #0D6323: rgb(13 99 35), hsl(135 77% 22%), oklch(0.437 0.124 146.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Woodland Wonder color name →
#0D6323
oklch(0.437 0.124 146.7)
Renk dönüşümleri
- HEX
- #0d6323
- RGB
- rgb(13 99 35)
- HSL
- hsl(135 77% 22%)
- HWB
- hwb(135 5% 61%)
- OKLCH
- oklch(0.437 0.124 146.7)
- OKLab
- oklab(0.437 -0.104 0.068)
- CIE Lab
- lab(36.25 -36.03 28.42)
- LCH
- lch(36.25 45.89 141.7)
- CMYK
- cmyk(87% 0% 65% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7239
- 47814E
- 5E9063
- 75A078
- 8BAF8E
- A2BFA4
- B9CFBA
- D0DFD1
- E7EFE8
Koyu tonlar
- 0A551D
- 074717
- 053A11
- 032E0C
- 022107
- 011604
- 000B01
- 000300
- 000000
Gri tonlar
- 21662E
- 306938
- 3B6D41
- 46704A
- 517253
- 5A755C
- 647865
- 6D7B6E
- 777D77
Renk uyumları
Tamamlayıcı +180°
- 0D6323
Woodland Wonder
- 743575
≈ Eminence
Analog -30° +30°
- 0D6323
Woodland Wonder
- 4F5800
≈ Douro
- 006051
≈ Alpine Green
Üçlü +120° +240°
- 0D6323
Woodland Wonder
- 324C96
≈ Le Grand Bleu
- 892F2A
≈ Borscht
Bölünmüş tamamlayıcı +150° +210°
- 0D6323
Woodland Wonder
- 5A3F8D
≈ Daisy Bush
- 842E53
≈ Raspberry Radiance
Dörtlü +90° +180° +270°
- 0D6323
Woodland Wonder
- 00587F
≈ Real Mccoy
- 743575
≈ Eminence
- 7C3F00
≈ Hazelnut Chocolate
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.43:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.82:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--woodland-wonder: #0d6323;
--woodland-wonder-rgb: 13 99 35;
--woodland-wonder-oklch: oklch(0.437 0.124 146.7);
}
.element {
color: var(--woodland-wonder);
background-color: hsl(135 77% 22%);
border-color: oklch(0.437 0.124 146.7);
}Tailwind CSS v4
@theme {
--color-woodland-wonder: #0d6323;
--color-woodland-wonder-50: #deffe2;
--color-woodland-wonder-100: #ccf4d1;
--color-woodland-wonder-200: #b0e4b7;
--color-woodland-wonder-300: #8ac994;
--color-woodland-wonder-400: #6ab272;
--color-woodland-wonder-500: #459c52;
--color-woodland-wonder-600: #3c8446;
--color-woodland-wonder-700: #306938;
--color-woodland-wonder-800: #234d25;
--color-woodland-wonder-900: #183619;
--color-woodland-wonder-950: #08210a;
}SCSS
$woodland-wonder: #0d6323;
$woodland-wonder-rgb: 13, 99, 35;
$woodland-wonder-light: mix(#fff, $woodland-wonder, 20%);
$woodland-wonder-dark: mix(#000, $woodland-wonder, 20%);
.element {
color: $woodland-wonder;
box-shadow: 0 0 0 2px rgba($woodland-wonder, 0.35);
}