이름 색상 · #8D894A
Warm Wetlands
Warm Wetlands은(는) #8D894A: rgb(141 137 74), hsl(56 31% 42%), oklch(0.619 0.085 105.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Warm Wetlands color name →
#8D894A
oklch(0.619 0.085 105.4)
색상 변환
- HEX
- #8d894a
- RGB
- rgb(141 137 74)
- HSL
- hsl(56 31% 42%)
- HWB
- hwb(56 29% 45%)
- OKLCH
- oklch(0.619 0.085 105.4)
- OKLab
- oklab(0.619 -0.022 0.082)
- CIE Lab
- lab(56.36 -5.33 34.09)
- LCH
- lch(56.36 34.5 98.9)
- CMYK
- cmyk(0% 3% 48% 45%)
틴트 · 셰이드 · 톤
틴트
- 98945C
- A3A06E
- AEAB80
- B9B792
- C4C3A4
- D0CFB6
- DBDBC8
- E7E7DA
- F3F3EC
셰이드
- 7A763F
- 676435
- 55532A
- 444220
- 333117
- 23220E
- 141406
- 070702
- 010100
톤
- 8C8851
- 8A8757
- 89875D
- 888662
- 868568
- 85846D
- 848372
- 828277
- 81817B
색 조화
보색 +180°
- 8D894A
Warm Wetlands
- 817FB7
≈ Murex
유사색 -30° +30°
- 8D894A
Warm Wetlands
- A47F49
≈ Tosty Crust
- 6F925D
≈ Wakatake Green
삼각 배색 +120° +240°
- 8D894A
Warm Wetlands
- 4691AD
≈ Sora Sky
- AB7191
≈ Mauve Orchid
분열 보색 +150° +210°
- 8D894A
Warm Wetlands
- 6388B8
≈ Marine Ink
- 9A76A9
≈ Karma Chameleon
사각 배색 +90° +180° +270°
- 8D894A
Warm Wetlands
- 3C9696
≈ Catalan
- 817FB7
≈ Murex
- B37075
≈ Dusty Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.61:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.80:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.80:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--warm-wetlands: #8d894a;
--warm-wetlands-rgb: 141 137 74;
--warm-wetlands-oklch: oklch(0.619 0.085 105.4);
}
.element {
color: var(--warm-wetlands);
background-color: hsl(56 31% 42%);
border-color: oklch(0.619 0.085 105.4);
}Tailwind CSS v4
@theme {
--color-warm-wetlands: #8d894a;
--color-warm-wetlands-50: #f7f7dc;
--color-warm-wetlands-100: #eaeaca;
--color-warm-wetlands-200: #d8d7ae;
--color-warm-wetlands-300: #bcbb88;
--color-warm-wetlands-400: #a5a266;
--color-warm-wetlands-500: #8e8943;
--color-warm-wetlands-600: #787439;
--color-warm-wetlands-700: #605d2d;
--color-warm-wetlands-800: #47441f;
--color-warm-wetlands-900: #312f14;
--color-warm-wetlands-950: #1e1b06;
}SCSS
$warm-wetlands: #8d894a;
$warm-wetlands-rgb: 141, 137, 74;
$warm-wetlands-light: mix(#fff, $warm-wetlands, 20%);
$warm-wetlands-dark: mix(#000, $warm-wetlands, 20%);
.element {
color: $warm-wetlands;
box-shadow: 0 0 0 2px rgba($warm-wetlands, 0.35);
}