가장 가까운 이름 색상 · #2C7342
#2C7342
가장 가까운 이름 색상: Succulents
#2C7342(rgb(44 115 66), hsl(139 45% 31%), oklch(0.497 0.105 150.9))와 가장 가까운 이름 색상은 Succulents입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2C7342
oklch(0.497 0.105 150.9)
색상 변환
- HEX
- #2c7342
- RGB
- rgb(44 115 66)
- HSL
- hsl(139 45% 31%)
- HWB
- hwb(139 17% 55%)
- OKLCH
- oklch(0.497 0.105 150.9)
- OKLab
- oklab(0.497 -0.092 0.051)
- CIE Lab
- lab(43.03 -32.11 20.25)
- LCH
- lch(43.03 37.96 147.8)
- CMYK
- cmyk(62% 0% 43% 55%)
틴트 · 셰이드 · 톤
틴트
- 438054
- 598E65
- 6D9C78
- 82AA8A
- 96B89D
- ABC6B0
- BFD4C3
- D4E2D7
- EAF0EB
셰이드
- 256338
- 1E542F
- 174525
- 11361C
- 0A2814
- 051B0B
- 020F05
- 010501
- 000100
톤
- 377548
- 41764F
- 4A7855
- 53795B
- 5B7A61
- 637C68
- 6A7D6E
- 727E74
- 797F7A
색 조화
보색 +180°
- 2C7342
Succulents
- 844A7E
≈ Visiona Red
유사색 -30° +30°
- 2C7342
Succulents
- 5A6B1B
≈ Bowser Shell
- 007365
≈ Pharaoh’s Gem
삼각 배색 +120° +240°
- 2C7342
Succulents
- 4C5E9E
≈ Bio Blue
- 95493C
≈ Smokin Hot
분열 보색 +150° +210°
- 2C7342
Succulents
- 6D5395
≈ Rollick
- 92465F
≈ Raspberry Pudding
사각 배색 +90° +180° +270°
- 2C7342
Succulents
- 196998
≈ Hydra
- 844A7E
≈ Visiona Red
- 8D5216
≈ Plain Old Brown
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--succulents: #2c7342;
--succulents-rgb: 44 115 66;
--succulents-oklch: oklch(0.497 0.105 150.9);
}
.element {
color: var(--succulents);
background-color: hsl(139 45% 31%);
border-color: oklch(0.497 0.105 150.9);
}Tailwind CSS v4
@theme {
--color-succulents: #2c7342;
--color-succulents-50: #dfffe7;
--color-succulents-100: #cef3d7;
--color-succulents-200: #b3e2bf;
--color-succulents-300: #8ec79e;
--color-succulents-400: #6eb07e;
--color-succulents-500: #4b9a61;
--color-succulents-600: #408252;
--color-succulents-700: #336842;
--color-succulents-800: #264c2e;
--color-succulents-900: #19351f;
--color-succulents-950: #09200f;
}SCSS
$succulents: #2c7342;
$succulents-rgb: 44, 115, 66;
$succulents-light: mix(#fff, $succulents, 20%);
$succulents-dark: mix(#000, $succulents, 20%);
.element {
color: $succulents;
box-shadow: 0 0 0 2px rgba($succulents, 0.35);
}