가장 가까운 이름 색상 · #2F6B3B
#2F6B3B
가장 가까운 이름 색상: Bucolic
#2F6B3B(rgb(47 107 59), hsl(132 39% 30%), oklch(0.475 0.099 148.2))와 가장 가까운 이름 색상은 Bucolic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2F6B3B
oklch(0.475 0.099 148.2)
색상 변환
- HEX
- #2f6b3b
- RGB
- rgb(47 107 59)
- HSL
- hsl(132 39% 30%)
- HWB
- hwb(132 18% 58%)
- OKLCH
- oklch(0.475 0.099 148.2)
- OKLab
- oklab(0.475 -0.084 0.052)
- CIE Lab
- lab(40.31 -29.01 20.73)
- LCH
- lch(40.31 35.66 144.4)
- CMYK
- cmyk(56% 0% 45% 58%)
틴트 · 셰이드 · 톤
틴트
- 44794D
- 598760
- 6D9672
- 81A485
- 96B399
- AAC2AD
- BFD1C1
- D4E0D5
- E9F0EA
셰이드
- 275C32
- 204E29
- 193F21
- 123219
- 0C2511
- 061809
- 030D04
- 010401
- 000000
톤
- 396D42
- 427049
- 4A7250
- 537457
- 5B765E
- 627865
- 6A7A6C
- 717C72
- 797E79
색 조화
보색 +180°
- 2F6B3B
Bucolic
- 7A4678
≈ Purple Passion
유사색 -30° +30°
- 2F6B3B
Bucolic
- 576317
≈ Kirchner Green
- 006C5C
≈ Pacific Queen
삼각 배색 +120° +240°
- 2F6B3B
Bucolic
- 445994
≈ Lambent Lagoon
- 8B443C
≈ Red Hawk
분열 보색 +150° +210°
- 2F6B3B
Bucolic
- 634F8C
≈ Fine Purple
- 87425C
≈ Redcurrant
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.38:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.28:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--bucolic: #2f6b3b;
--bucolic-rgb: 47 107 59;
--bucolic-oklch: oklch(0.475 0.099 148.2);
}
.element {
color: var(--bucolic);
background-color: hsl(132 39% 30%);
border-color: oklch(0.475 0.099 148.2);
}Tailwind CSS v4
@theme {
--color-bucolic: #2f6b3b;
--color-bucolic-50: #e2fee7;
--color-bucolic-100: #d1f2d7;
--color-bucolic-200: #b7e1be;
--color-bucolic-300: #93c69d;
--color-bucolic-400: #75af7d;
--color-bucolic-500: #559860;
--color-bucolic-600: #488152;
--color-bucolic-700: #3a6741;
--color-bucolic-800: #2a4b2d;
--color-bucolic-900: #1c341f;
--color-bucolic-950: #0c200e;
}SCSS
$bucolic: #2f6b3b;
$bucolic-rgb: 47, 107, 59;
$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);
}