가장 가까운 이름 색상 · #3C7524
#3C7524
가장 가까운 이름 색상: Forest Empress
#3C7524(rgb(60 117 36), hsl(102 53% 30%), oklch(0.505 0.128 137.8))와 가장 가까운 이름 색상은 Forest Empress입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3C7524
oklch(0.505 0.128 137.8)
색상 변환
- HEX
- #3c7524
- RGB
- rgb(60 117 36)
- HSL
- hsl(102 53% 30%)
- HWB
- hwb(102 14% 54%)
- OKLCH
- oklch(0.505 0.128 137.8)
- OKLab
- oklab(0.505 -0.095 0.086)
- CIE Lab
- lab(44.04 -31.36 36.89)
- LCH
- lch(44.04 48.42 130.4)
- CMYK
- cmyk(49% 0% 69% 54%)
틴트 · 셰이드 · 톤
틴트
- 4F823C
- 629052
- 759E67
- 88AB7C
- 9BB991
- AFC7A7
- C2D5BC
- D6E3D2
- EBF1E9
셰이드
- 33651E
- 2A5518
- 214612
- 19370C
- 112907
- 0A1C04
- 040F02
- 010500
- 000100
톤
- 447630
- 4B783B
- 527944
- 597A4E
- 607B56
- 677D5F
- 6D7E67
- 737E70
- 7A7F78
색 조화
보색 +180°
- 3C7524
Forest Empress
- 824A94
≈ Voodoo Violet
유사색 -30° +30°
- 3C7524
Forest Empress
- 6B6900
≈ Worn Olive
- 007759
≈ Victoria Peak
삼각 배색 +120° +240°
- 3C7524
Forest Empress
- 3164AD
≈ Adventure of the Seas
- A14048
≈ Eternal Flame
분열 보색 +150° +210°
- 3C7524
Forest Empress
- 6256A9
≈ Yuè Guāng Lán Moonlight
- 974172
≈ Dynamo
사각 배색 +90° +180° +270°
- 3C7524
Forest Empress
- 006F91
≈ Tropic Sea
- 824A94
≈ Voodoo Violet
- 9D4912
≈ Oregon
대비 및 접근성
Ag
AA흰색 위
WCAG 5.58:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.76:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--forest-empress: #3c7524;
--forest-empress-rgb: 60 117 36;
--forest-empress-oklch: oklch(0.505 0.128 137.8);
}
.element {
color: var(--forest-empress);
background-color: hsl(102 53% 30%);
border-color: oklch(0.505 0.128 137.8);
}Tailwind CSS v4
@theme {
--color-forest-empress: #3c7524;
--color-forest-empress-50: #e3ffdc;
--color-forest-empress-100: #d2f3ca;
--color-forest-empress-200: #b8e2ae;
--color-forest-empress-300: #94c889;
--color-forest-empress-400: #78b063;
--color-forest-empress-500: #58993f;
--color-forest-empress-600: #4b8237;
--color-forest-empress-700: #3c682b;
--color-forest-empress-800: #2d4c1c;
--color-forest-empress-900: #1e3512;
--color-forest-empress-950: #0e2004;
}SCSS
$forest-empress: #3c7524;
$forest-empress-rgb: 60, 117, 36;
$forest-empress-light: mix(#fff, $forest-empress, 20%);
$forest-empress-dark: mix(#000, $forest-empress, 20%);
.element {
color: $forest-empress;
box-shadow: 0 0 0 2px rgba($forest-empress, 0.35);
}