가장 가까운 이름 색상 · #2D491D
#2D491D
가장 가까운 이름 색상: Treetop Cathedral
#2D491D(rgb(45 73 29), hsl(98 43% 20%), oklch(0.371 0.077 135.5))와 가장 가까운 이름 색상은 Treetop Cathedral입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D491D
oklch(0.371 0.077 135.5)
색상 변환
- HEX
- #2d491d
- RGB
- rgb(45 73 29)
- HSL
- hsl(98 43% 20%)
- HWB
- hwb(98 11% 71%)
- OKLCH
- oklch(0.371 0.077 135.5)
- OKLab
- oklab(0.371 -0.055 0.054)
- CIE Lab
- lab(27.94 -17.97 22.47)
- LCH
- lch(27.94 28.77 128.6)
- CMYK
- cmyk(38% 0% 60% 71%)
틴트 · 셰이드 · 톤
틴트
- 405A32
- 536B47
- 677C5C
- 7B8E72
- 90A088
- A5B29F
- BBC5B6
- D1D8CE
- E8EBE6
셰이드
- 263E18
- 1F3413
- 182A0E
- 112009
- 0B1705
- 060E03
- 020601
- 010200
- 000000
톤
- 354E27
- 3D5431
- 45593B
- 4D5F45
- 56644F
- 5E6A58
- 666F62
- 6F756C
- 777A76
색 조화
보색 +180°
- 2D491D
Treetop Cathedral
- 50325C
≈ Royal Crown
유사색 -30° +30°
- 2D491D
Treetop Cathedral
- 464203
≈ Alligator Gladiator
- 014D36
≈ Chrysocolla Dark Green
삼각 배색 +120° +240°
- 2D491D
Treetop Cathedral
- 224168
≈ Elmer’s Echo
- 622D32
≈ Chocolate Truffle
분열 보색 +150° +210°
- 2D491D
Treetop Cathedral
- 3D3967
≈ Rhynchites Nitens
- 5C2E49
≈ Vistoris Lake
사각 배색 +90° +180° +270°
- 2D491D
Treetop Cathedral
- 00475C
≈ Loyal Blue
- 50325C
≈ Royal Crown
- 61311A
≈ Overbaked
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.08:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.08:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.08:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--treetop-cathedral: #2d491d;
--treetop-cathedral-rgb: 45 73 29;
--treetop-cathedral-oklch: oklch(0.371 0.077 135.5);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(98 43% 20%);
border-color: oklch(0.371 0.077 135.5);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2d491d;
--color-treetop-cathedral-50: #ebfbe5;
--color-treetop-cathedral-100: #dceed5;
--color-treetop-cathedral-200: #c5ddbd;
--color-treetop-cathedral-300: #a5c19b;
--color-treetop-cathedral-400: #8ba97b;
--color-treetop-cathedral-500: #6f925e;
--color-treetop-cathedral-600: #5f7b50;
--color-treetop-cathedral-700: #4b6340;
--color-treetop-cathedral-800: #38482c;
--color-treetop-cathedral-900: #26321e;
--color-treetop-cathedral-950: #141e0e;
}SCSS
$treetop-cathedral: #2d491d;
$treetop-cathedral-rgb: 45, 73, 29;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}