가장 가까운 이름 색상 · #256731
#256731
가장 가까운 이름 색상: Bucolic
#256731(rgb(37 103 49), hsl(131 47% 27%), oklch(0.458 0.108 147))와 가장 가까운 이름 색상은 Bucolic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#256731
oklch(0.458 0.108 147)
색상 변환
- HEX
- #256731
- RGB
- rgb(37 103 49)
- HSL
- hsl(131 47% 27%)
- HWB
- hwb(131 15% 60%)
- OKLCH
- oklch(0.458 0.108 147)
- OKLab
- oklab(0.458 -0.091 0.059)
- CIE Lab
- lab(38.41 -31.36 23.83)
- LCH
- lch(38.41 39.39 142.8)
- CMYK
- cmyk(64% 0% 52% 60%)
틴트 · 셰이드 · 톤
틴트
- 3D7644
- 528458
- 67936C
- 7CA280
- 92B194
- A7C0A9
- BCD0BE
- D2DFD3
- E9EFE9
셰이드
- 1F5929
- 194B22
- 133D1A
- 0D3013
- 08230C
- 041706
- 020C03
- 000401
- 000000
톤
- 316A39
- 3B6C42
- 456F4A
- 4E7251
- 577459
- 5F7761
- 687969
- 707B71
- 787E78
색 조화
보색 +180°
- 256731
Bucolic
- 763F76
≈ Spring Lobster Dye
유사색 -30° +30°
- 256731
Bucolic
- 545E00
≈ Greensboro
- 006656
≈ Piney Lake
삼각 배색 +120° +240°
- 256731
Bucolic
- 3C5393
≈ Chinese Blue
- 8A3C35
≈ Red Blooded
분열 보색 +150° +210°
- 256731
Bucolic
- 5E488C
≈ Purple Corallite
- 853A58
≈ Berry Patch
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.85:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.06:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--bucolic: #256731;
--bucolic-rgb: 37 103 49;
--bucolic-oklch: oklch(0.458 0.108 147);
}
.element {
color: var(--bucolic);
background-color: hsl(131 47% 27%);
border-color: oklch(0.458 0.108 147);
}Tailwind CSS v4
@theme {
--color-bucolic: #256731;
--color-bucolic-50: #e1fee5;
--color-bucolic-100: #d0f3d5;
--color-bucolic-200: #b5e2bb;
--color-bucolic-300: #90c799;
--color-bucolic-400: #72b079;
--color-bucolic-500: #50995a;
--color-bucolic-600: #45824d;
--color-bucolic-700: #37683d;
--color-bucolic-800: #284c2a;
--color-bucolic-900: #1b351c;
--color-bucolic-950: #0b200c;
}SCSS
$bucolic: #256731;
$bucolic-rgb: 37, 103, 49;
$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);
}