가장 가까운 이름 색상 · #2F6A32
#2F6A32
가장 가까운 이름 색상: Bucolic
#2F6A32(rgb(47 106 50), hsl(123 39% 30%), oklch(0.47 0.107 144.6))와 가장 가까운 이름 색상은 Bucolic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2F6A32
oklch(0.47 0.107 144.6)
색상 변환
- HEX
- #2f6a32
- RGB
- rgb(47 106 50)
- HSL
- hsl(123 39% 30%)
- HWB
- hwb(123 18% 58%)
- OKLCH
- oklch(0.47 0.107 144.6)
- OKLab
- oklab(0.47 -0.087 0.062)
- CIE Lab
- lab(39.85 -29.71 25.13)
- LCH
- lch(39.85 38.91 139.8)
- CMYK
- cmyk(56% 0% 53% 58%)
틴트 · 셰이드 · 톤
틴트
- 447846
- 598759
- 6D956D
- 81A481
- 95B395
- AAC2A9
- BFD1BE
- D4E0D4
- E9EFE9
셰이드
- 275B2A
- 204D22
- 193F1B
- 123114
- 0C240D
- 061807
- 030D03
- 010401
- 000000
톤
- 396C3A
- 426F43
- 4A714B
- 527352
- 5A765A
- 627862
- 6A7A69
- 717C71
- 797E78
색 조화
보색 +180°
- 2F6A32
Bucolic
- 78447C
≈ Nightly Violet
유사색 -30° +30°
삼각 배색 +120° +240°
- 2F6A32
Bucolic
- 3C5896
≈ Muted Lavender
- 8D3F3C
≈ Carriage Red
분열 보색 +150° +210°
- 2F6A32
Bucolic
- 5F4D90
≈ Purple Corallite
- 883E5E
≈ Ancient Royal Banner
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.50:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.22:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--bucolic: #2f6a32;
--bucolic-rgb: 47 106 50;
--bucolic-oklch: oklch(0.47 0.107 144.6);
}
.element {
color: var(--bucolic);
background-color: hsl(123 39% 30%);
border-color: oklch(0.47 0.107 144.6);
}Tailwind CSS v4
@theme {
--color-bucolic: #2f6a32;
--color-bucolic-50: #e2fee4;
--color-bucolic-100: #d2f2d3;
--color-bucolic-200: #b7e1ba;
--color-bucolic-300: #94c797;
--color-bucolic-400: #76af76;
--color-bucolic-500: #569858;
--color-bucolic-600: #49814b;
--color-bucolic-700: #3a673b;
--color-bucolic-800: #2b4c29;
--color-bucolic-900: #1d351b;
--color-bucolic-950: #0d200c;
}SCSS
$bucolic: #2f6a32;
$bucolic-rgb: 47, 106, 50;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}