가장 가까운 이름 색상 · #253926
#253926
가장 가까운 이름 색상: Everglade
#253926(rgb(37 57 38), hsl(123 21% 18%), oklch(0.321 0.042 145.7))와 가장 가까운 이름 색상은 Everglade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#253926
oklch(0.321 0.042 145.7)
색상 변환
- HEX
- #253926
- RGB
- rgb(37 57 38)
- HSL
- hsl(123 21% 18%)
- HWB
- hwb(123 15% 78%)
- OKLCH
- oklch(0.321 0.042 145.7)
- OKLab
- oklab(0.321 -0.035 0.024)
- CIE Lab
- lab(21.81 -11.89 9.23)
- LCH
- lch(21.81 15.05 142.2)
- CMYK
- cmyk(35% 0% 33% 78%)
틴트 · 셰이드 · 톤
틴트
- 384A39
- 4C5C4C
- 606F60
- 758275
- 8B968B
- A1AAA1
- B8BFB8
- CFD4CF
- E7E9E7
셰이드
- 1F3020
- 192819
- 131F13
- 0D170D
- 081008
- 040904
- 020402
- 000101
- 000000
톤
- 2E402E
- 364737
- 3F4D3F
- 485448
- 515C51
- 5A635A
- 636A64
- 6D716D
- 767976
색 조화
보색 +180°
- 253926
Everglade
- 3E2C3F
≈ Valentino Nero
유사색 -30° +30°
- 253926
Everglade
- 32361C
≈ Olivenite
- 193A32
≈ Palm Green
삼각 배색 +120° +240°
- 253926
Everglade
- 293349
≈ Bunting
- 462B28
≈ Brown Coffee
분열 보색 +150° +210°
- 253926
Everglade
- 352F46
≈ Plum Fuzz
- 442A34
≈ Wine Tasting
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.41:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.69:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.41:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--everglade: #253926;
--everglade-rgb: 37 57 38;
--everglade-oklch: oklch(0.321 0.042 145.7);
}
.element {
color: var(--everglade);
background-color: hsl(123 21% 18%);
border-color: oklch(0.321 0.042 145.7);
}Tailwind CSS v4
@theme {
--color-everglade: #253926;
--color-everglade-50: #eef9ee;
--color-everglade-100: #dfece0;
--color-everglade-200: #c9d9ca;
--color-everglade-300: #aabeab;
--color-everglade-400: #8fa590;
--color-everglade-500: #758e76;
--color-everglade-600: #637864;
--color-everglade-700: #4f6050;
--color-everglade-800: #3a4639;
--color-everglade-900: #283127;
--color-everglade-950: #161d15;
}SCSS
$everglade: #253926;
$everglade-rgb: 37, 57, 38;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}