이름 색상 · #004411
Wailing Woods
Wailing Woods은(는) #004411: rgb(0 68 17), hsl(135 100% 13%), oklch(0.337 0.102 146.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Wailing Woods color name →
#004411
oklch(0.337 0.102 146.2)
색상 변환
- HEX
- #004411
- RGB
- rgb(0 68 17)
- HSL
- hsl(135 100% 13%)
- HWB
- hwb(135 0% 73%)
- OKLCH
- oklch(0.337 0.102 146.2)
- OKLab
- oklab(0.337 -0.085 0.057)
- CIE Lab
- lab(24.25 -29.43 24.06)
- LCH
- lch(24.25 38.01 140.7)
- CMYK
- cmyk(100% 0% 75% 73%)
틴트 · 셰이드 · 톤
틴트
- 215528
- 3A673E
- 527954
- 698B6B
- 819E82
- 99B09A
- B2C4B3
- CBD7CC
- E5EBE5
셰이드
- 003A0D
- 003009
- 002606
- 001D04
- 001402
- 000C01
- 000500
- 000200
- 000000
톤
- 154A1D
- 245029
- 305634
- 3C5C3E
- 486249
- 536854
- 5E6E5F
- 69746A
- 757A75
색 조화
보색 +180°
- 004411
Wailing Woods
- 512053
≈ Purple Velour
유사색 -30° +30°
- 004411
Wailing Woods
- 353B00
≈ Dark Olive
- 004136
≈ UP Forest Green
삼각 배색 +120° +240°
- 004411
Wailing Woods
- 1E326B
≈ Atlantic Navy
- 611B19
≈ Cherrywood
분열 보색 +150° +210°
- 004411
Wailing Woods
- 3D2865
≈ Fading Horizon
- 5D1A39
≈ Soul Anchor
사각 배색 +90° +180° +270°
- 004411
Wailing Woods
- 003C57
≈ Gibraltar Sea
- 512053
≈ Purple Velour
- 562900
≈ Conker Brown
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.44:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.83:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--wailing-woods: #004411;
--wailing-woods-rgb: 0 68 17;
--wailing-woods-oklch: oklch(0.337 0.102 146.2);
}
.element {
color: var(--wailing-woods);
background-color: hsl(135 100% 13%);
border-color: oklch(0.337 0.102 146.2);
}Tailwind CSS v4
@theme {
--color-wailing-woods: #004411;
--color-wailing-woods-50: #e2fee5;
--color-wailing-woods-100: #d2f2d5;
--color-wailing-woods-200: #b7e1bc;
--color-wailing-woods-300: #94c69a;
--color-wailing-woods-400: #76af7a;
--color-wailing-woods-500: #56985c;
--color-wailing-woods-600: #49814e;
--color-wailing-woods-700: #3a673e;
--color-wailing-woods-800: #2b4c2b;
--color-wailing-woods-900: #1d341d;
--color-wailing-woods-950: #0d200d;
}SCSS
$wailing-woods: #004411;
$wailing-woods-rgb: 0, 68, 17;
$wailing-woods-light: mix(#fff, $wailing-woods, 20%);
$wailing-woods-dark: mix(#000, $wailing-woods, 20%);
.element {
color: $wailing-woods;
box-shadow: 0 0 0 2px rgba($wailing-woods, 0.35);
}