가장 가까운 이름 색상 · #3D5E26
#3D5E26
가장 가까운 이름 색상: Greenhouse
#3D5E26(rgb(61 94 38), hsl(95 42% 26%), oklch(0.443 0.092 134.2))와 가장 가까운 이름 색상은 Greenhouse입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3D5E26
oklch(0.443 0.092 134.2)
색상 변환
- HEX
- #3d5e26
- RGB
- rgb(61 94 38)
- HSL
- hsl(95 42% 26%)
- HWB
- hwb(95 15% 63%)
- OKLCH
- oklch(0.443 0.092 134.2)
- OKLab
- oklab(0.443 -0.064 0.066)
- CIE Lab
- lab(36.33 -20.79 27.58)
- LCH
- lch(36.33 34.53 127)
- CMYK
- cmyk(35% 0% 60% 63%)
틴트 · 셰이드 · 톤
틴트
- 4F6D3B
- 617C50
- 738C65
- 869C79
- 99AC8F
- ADBCA4
- C1CCBB
- D5DDD1
- EAEEE8
셰이드
- 345120
- 2B4419
- 223713
- 1A2B0D
- 121F08
- 0A1404
- 040A02
- 010301
- 000000
톤
- 446230
- 4A653A
- 516943
- 586C4C
- 5E6F54
- 65735D
- 6C7666
- 72796F
- 797D77
색 조화
보색 +180°
- 3D5E26
Greenhouse
- 664276
≈ Palace Purple
유사색 -30° +30°
- 3D5E26
Greenhouse
- 5C5503
≈ Douro
- 066345
≈ Aotake Bamboo
삼각 배색 +120° +240°
- 3D5E26
Greenhouse
- 2C5585
≈ Royal Consort
- 7E3C43
≈ Ruby Lips
분열 보색 +150° +210°
- 3D5E26
Greenhouse
- 4E4B84
≈ Altar of Heaven
- 763D5F
≈ Mystique Violet
사각 배색 +90° +180° +270°
- 3D5E26
Greenhouse
- 005C75
≈ Bosporus
- 664276
≈ Palace Purple
- 7C4025
≈ Burnished Russet
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.42:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.82:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--greenhouse: #3d5e26;
--greenhouse-rgb: 61 94 38;
--greenhouse-oklch: oklch(0.443 0.092 134.2);
}
.element {
color: var(--greenhouse);
background-color: hsl(95 42% 26%);
border-color: oklch(0.443 0.092 134.2);
}Tailwind CSS v4
@theme {
--color-greenhouse: #3d5e26;
--color-greenhouse-50: #eafce2;
--color-greenhouse-100: #daefd1;
--color-greenhouse-200: #c3deb7;
--color-greenhouse-300: #a2c394;
--color-greenhouse-400: #88ab73;
--color-greenhouse-500: #6c9453;
--color-greenhouse-600: #5c7d47;
--color-greenhouse-700: #496439;
--color-greenhouse-800: #364927;
--color-greenhouse-900: #25331a;
--color-greenhouse-950: #141e0a;
}SCSS
$greenhouse: #3d5e26;
$greenhouse-rgb: 61, 94, 38;
$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);
}