가장 가까운 이름 색상 · #2CAE86
#2CAE86
가장 가까운 이름 색상: Herbal
#2CAE86(rgb(44 174 134), hsl(162 60% 43%), oklch(0.672 0.125 167.3))와 가장 가까운 이름 색상은 Herbal입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2CAE86
oklch(0.672 0.125 167.3)
색상 변환
- HEX
- #2cae86
- RGB
- rgb(44 174 134)
- HSL
- hsl(162 60% 43%)
- HWB
- hwb(162 17% 32%)
- OKLCH
- oklch(0.672 0.125 167.3)
- OKLab
- oklab(0.672 -0.122 0.027)
- CIE Lab
- lab(63.63 -43.32 10.21)
- LCH
- lch(63.63 44.5 166.7)
- CMYK
- cmyk(75% 0% 23% 32%)
틴트 · 셰이드 · 톤
틴트
- 4CB692
- 65BE9D
- 7BC7A9
- 8FCFB5
- A2D7C1
- B5DFCD
- C8E7D9
- DAEFE6
- EDF7F2
셰이드
- 259774
- 1E8062
- 176A51
- 115540
- 0A4130
- 052E21
- 021C13
- 010B06
- 000101
톤
- 3EAA85
- 4AA585
- 55A184
- 5D9C84
- 659783
- 6B9383
- 718E82
- 778A81
- 7C8581
색 조화
보색 +180°
- 2CAE86
Herbal
- CD74A4
≈ Heartbreaker
유사색 -30° +30°
- 2CAE86
Herbal
- 6FA858
≈ Fern Flash
- 00ABAE
≈ Fiji
삼각 배색 +120° +240°
- 2CAE86
Herbal
- 9289DF
≈ Perrywinkle
- D47C4E
≈ Copper Harbor
분열 보색 +150° +210°
- 2CAE86
Herbal
- B57CC8
≈ Wisteria
- D87479
≈ Red Cedar
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.79:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.50:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--herbal: #2cae86;
--herbal-rgb: 44 174 134;
--herbal-oklch: oklch(0.672 0.125 167.3);
}
.element {
color: var(--herbal);
background-color: hsl(162 60% 43%);
border-color: oklch(0.672 0.125 167.3);
}Tailwind CSS v4
@theme {
--color-herbal: #2cae86;
--color-herbal-50: #d3ffef;
--color-herbal-100: #bff6e1;
--color-herbal-200: #9ee6cb;
--color-herbal-300: #70ccad;
--color-herbal-400: #42b68f;
--color-herbal-500: #00a075;
--color-herbal-600: #008763;
--color-herbal-700: #006c4f;
--color-herbal-800: #005038;
--color-herbal-900: #003726;
--color-herbal-950: #002214;
}SCSS
$herbal: #2cae86;
$herbal-rgb: 44, 174, 134;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}