가장 가까운 이름 색상 · #8DDAC0
#8DDAC0
가장 가까운 이름 색상: Cabbage
#8DDAC0(rgb(141 218 192), hsl(160 51% 70%), oklch(0.831 0.085 170.8))와 가장 가까운 이름 색상은 Cabbage입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8DDAC0
oklch(0.831 0.085 170.8)
색상 변환
- HEX
- #8ddac0
- RGB
- rgb(141 218 192)
- HSL
- hsl(160 51% 70%)
- HWB
- hwb(160 55% 15%)
- OKLCH
- oklch(0.831 0.085 170.8)
- OKLab
- oklab(0.831 -0.084 0.014)
- CIE Lab
- lab(81.5 -29.14 4.92)
- LCH
- lch(81.5 29.55 170.4)
- CMYK
- cmyk(35% 0% 12% 15%)
틴트 · 셰이드 · 톤
틴트
- 99DEC6
- A5E2CC
- B1E5D3
- BDE9D9
- C8EDDF
- D3F1E5
- DEF4EC
- E9F8F2
- F4FBF9
셰이드
- 7ABDA7
- 67A28E
- 558776
- 446C5F
- 335449
- 233C34
- 142520
- 07110E
- 010202
톤
- 8DD1B9
- 8CC8B3
- 8BBEAC
- 8AB5A6
- 89AC9F
- 88A399
- 869A93
- 84928C
- 828986
색 조화
보색 +180°
- 8DDAC0
Cabbage
- F3B1CF
≈ Changeling Pink
유사색 -30° +30°
- 8DDAC0
Cabbage
- AAD6A2
≈ Pistachio Green
- 81D9DE
≈ Deep Aquamarine
삼각 배색 +120° +240°
- 8DDAC0
Cabbage
- C7BEFB
≈ Lavender Tonic
- F5B895
≈ Peach Parfait
분열 보색 +150° +210°
- 8DDAC0
Cabbage
- E1B6EA
≈ Beefy Pink
- FAB2B0
≈ Peach Bud
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.92:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--cabbage: #8ddac0;
--cabbage-rgb: 141 218 192;
--cabbage-oklch: oklch(0.831 0.085 170.8);
}
.element {
color: var(--cabbage);
background-color: hsl(160 51% 70%);
border-color: oklch(0.831 0.085 170.8);
}Tailwind CSS v4
@theme {
--color-cabbage: #8ddac0;
--color-cabbage-50: #defef3;
--color-cabbage-100: #ccf2e5;
--color-cabbage-200: #b0e1d1;
--color-cabbage-300: #8ac6b3;
--color-cabbage-400: #67af97;
--color-cabbage-500: #41987e;
--color-cabbage-600: #38816b;
--color-cabbage-700: #2d6756;
--color-cabbage-800: #204c3d;
--color-cabbage-900: #15352a;
--color-cabbage-950: #062018;
}SCSS
$cabbage: #8ddac0;
$cabbage-rgb: 141, 218, 192;
$cabbage-light: mix(#fff, $cabbage, 20%);
$cabbage-dark: mix(#000, $cabbage, 20%);
.element {
color: $cabbage;
box-shadow: 0 0 0 2px rgba($cabbage, 0.35);
}