가장 가까운 이름 색상 · #376728
#376728
가장 가까운 이름 색상: Greenhouse
#376728(rgb(55 103 40), hsl(106 44% 28%), oklch(0.464 0.107 138.9))와 가장 가까운 이름 색상은 Greenhouse입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#376728
oklch(0.464 0.107 138.9)
색상 변환
- HEX
- #376728
- RGB
- rgb(55 103 40)
- HSL
- hsl(106 44% 28%)
- HWB
- hwb(106 16% 60%)
- OKLCH
- oklch(0.464 0.107 138.9)
- OKLab
- oklab(0.464 -0.081 0.071)
- CIE Lab
- lab(39.07 -26.91 29.55)
- LCH
- lch(39.07 39.97 132.3)
- CMYK
- cmyk(47% 0% 61% 60%)
틴트 · 셰이드 · 톤
틴트
- 4A753D
- 5D8452
- 709367
- 84A27B
- 98B191
- ACC0A6
- C0D0BC
- D5DFD2
- EAEFE8
셰이드
- 2E5921
- 264B1B
- 1E3D15
- 16300F
- 0F2309
- 081704
- 030C02
- 010401
- 000000
톤
- 3F6A32
- 476C3C
- 4E6F45
- 55724D
- 5D7456
- 64775F
- 6B7967
- 727B6F
- 797E78
색 조화
보색 +180°
- 376728
Greenhouse
- 72437F
≈ Plum Jam
유사색 -30° +30°
- 376728
Greenhouse
- 5E5D00
≈ Kirchner Green
- 006950
≈ Peacock Green
삼각 배색 +120° +240°
- 376728
Greenhouse
- 325994
≈ B’dazzled Blue
- 8B3D41
≈ Cranberry Tart
분열 보색 +150° +210°
- 376728
Greenhouse
- 584D91
≈ Purple Corallite
- 843D63
≈ Midnight Aubergine
사각 배색 +90° +180° +270°
- 376728
Greenhouse
- 006282
≈ Harem Silk
- 72437F
≈ Plum Jam
- 884419
≈ Sis Kebab
대비 및 접근성
Ag
AA흰색 위
WCAG 6.70:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--greenhouse: #376728;
--greenhouse-rgb: 55 103 40;
--greenhouse-oklch: oklch(0.464 0.107 138.9);
}
.element {
color: var(--greenhouse);
background-color: hsl(106 44% 28%);
border-color: oklch(0.464 0.107 138.9);
}Tailwind CSS v4
@theme {
--color-greenhouse: #376728;
--color-greenhouse-50: #e5fde1;
--color-greenhouse-100: #d5f1d0;
--color-greenhouse-200: #bce0b5;
--color-greenhouse-300: #99c692;
--color-greenhouse-400: #7dae70;
--color-greenhouse-500: #60974f;
--color-greenhouse-600: #518044;
--color-greenhouse-700: #416636;
--color-greenhouse-800: #304b24;
--color-greenhouse-900: #213418;
--color-greenhouse-950: #101f09;
}SCSS
$greenhouse: #376728;
$greenhouse-rgb: 55, 103, 40;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}