이름 색상 · #0D6323
Woodland Wonder
Woodland Wonder은(는) #0D6323: rgb(13 99 35), hsl(135 77% 22%), oklch(0.437 0.124 146.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Woodland Wonder color name →
#0D6323
oklch(0.437 0.124 146.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 2E7239
- 47814E
- 5E9063
- 75A078
- 8BAF8E
- A2BFA4
- B9CFBA
- D0DFD1
- E7EFE8
셰이드
- 0A551D
- 074717
- 053A11
- 032E0C
- 022107
- 011604
- 000B01
- 000300
- 000000
톤
- 21662E
- 306938
- 3B6D41
- 46704A
- 517253
- 5A755C
- 647865
- 6D7B6E
- 777D77
색 조화
보색 +180°
- 0D6323
Woodland Wonder
- 743575
≈ Eminence
유사색 -30° +30°
- 0D6323
Woodland Wonder
- 4F5800
≈ Douro
- 006051
≈ Alpine Green
삼각 배색 +120° +240°
- 0D6323
Woodland Wonder
- 324C96
≈ Le Grand Bleu
- 892F2A
≈ Borscht
분열 보색 +150° +210°
- 0D6323
Woodland Wonder
- 5A3F8D
≈ Daisy Bush
- 842E53
≈ Raspberry Radiance
사각 배색 +90° +180° +270°
- 0D6323
Woodland Wonder
- 00587F
≈ Real Mccoy
- 743575
≈ Eminence
- 7C3F00
≈ Hazelnut Chocolate
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.43:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.82:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.43:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
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);
}