가장 가까운 이름 색상 · #2B4835
#2B4835
가장 가까운 이름 색상: Everglade
#2B4835(rgb(43 72 53), hsl(141 25% 23%), oklch(0.372 0.048 154.7))와 가장 가까운 이름 색상은 Everglade입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2B4835
oklch(0.372 0.048 154.7)
색상 변환
- HEX
- #2b4835
- RGB
- rgb(43 72 53)
- HSL
- hsl(141 25% 23%)
- HWB
- hwb(141 17% 72%)
- OKLCH
- oklch(0.372 0.048 154.7)
- OKLab
- oklab(0.372 -0.043 0.021)
- CIE Lab
- lab(27.84 -15.05 7.86)
- LCH
- lch(27.84 16.98 152.4)
- CMYK
- cmyk(40% 0% 26% 72%)
틴트 · 셰이드 · 톤
틴트
- 3E5847
- 526959
- 667B6C
- 7A8D80
- 8F9F94
- A5B1A8
- BBC4BD
- D1D8D3
- E8EBE9
셰이드
- 243D2D
- 1D3325
- 16291D
- 101F15
- 0A160E
- 050D08
- 020603
- 010201
- 000000
톤
- 344D3C
- 3C5343
- 44584B
- 4D5E52
- 556459
- 5E6961
- 666F69
- 6F7570
- 777A78
색 조화
보색 +180°
- 2B4835
Everglade
- 50374B
≈ Noble Hatter’s Violet
유사색 -30° +30°
- 2B4835
Everglade
- 3B4528
≈ Palm Leaf
- 1E4943
≈ Country Squire
삼각 배색 +120° +240°
- 2B4835
Everglade
- 393E5A
≈ Mangosteen
- 57372F
≈ Terra Brun
분열 보색 +150° +210°
- 2B4835
Everglade
- 463A55
≈ Purple Velvet
- 56363D
≈ Port Glow
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.09:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.08:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--everglade: #2b4835;
--everglade-rgb: 43 72 53;
--everglade-oklch: oklch(0.372 0.048 154.7);
}
.element {
color: var(--everglade);
background-color: hsl(141 25% 23%);
border-color: oklch(0.372 0.048 154.7);
}Tailwind CSS v4
@theme {
--color-everglade: #2b4835;
--color-everglade-50: #ebfaf0;
--color-everglade-100: #dcede1;
--color-everglade-200: #c4dbcc;
--color-everglade-300: #a4bfae;
--color-everglade-400: #89a792;
--color-everglade-500: #6d9078;
--color-everglade-600: #5d7a66;
--color-everglade-700: #4a6151;
--color-everglade-800: #36473a;
--color-everglade-900: #253128;
--color-everglade-950: #131d16;
}SCSS
$everglade: #2b4835;
$everglade-rgb: 43, 72, 53;
$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);
}