가장 가까운 이름 색상 · #8DDAD3
#8DDAD3
가장 가까운 이름 색상: Bambino
#8DDAD3(rgb(141 218 211), hsl(175 51% 70%), oklch(0.836 0.077 188.5))와 가장 가까운 이름 색상은 Bambino입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8DDAD3
oklch(0.836 0.077 188.5)
색상 변환
- HEX
- #8ddad3
- RGB
- rgb(141 218 211)
- HSL
- hsl(175 51% 70%)
- HWB
- hwb(175 55% 15%)
- OKLCH
- oklch(0.836 0.077 188.5)
- OKLab
- oklab(0.836 -0.076 -0.011)
- CIE Lab
- lab(81.91 -25.95 -4.5)
- LCH
- lch(81.91 26.33 189.8)
- CMYK
- cmyk(35% 0% 3% 15%)
틴트 · 셰이드 · 톤
틴트
- 99DED7
- A6E2DC
- B1E5E0
- BDE9E4
- C8EDE9
- D3F0ED
- DEF4F2
- E9F8F6
- F4FBFB
셰이드
- 7ABDB7
- 67A29C
- 558782
- 446C69
- 335451
- 233C3A
- 142524
- 071110
- 010202
톤
- 8DD1CA
- 8CC7C2
- 8BBEB9
- 8BB5B1
- 89ACA9
- 88A3A0
- 869A98
- 849190
- 828988
색 조화
보색 +180°
- 8DDAD3
Bambino
- F6B5BF
≈ Squid Pink
유사색 -30° +30°
- 8DDAD3
Bambino
- 9FD9B7
≈ Nihilakh Oxide
- 8FD6EB
≈ Blue Effervescence
삼각 배색 +120° +240°
- 8DDAD3
Bambino
- D8BCF0
≈ Beefy Pink
- EBC193
≈ Apple Turnover
분열 보색 +150° +210°
- 8DDAD3
Bambino
- ECB7DA
≈ Soft Cashmere
- F6B9A5
≈ Yahoo
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.10:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--bambino: #8ddad3;
--bambino-rgb: 141 218 211;
--bambino-oklch: oklch(0.836 0.077 188.5);
}
.element {
color: var(--bambino);
background-color: hsl(175 51% 70%);
border-color: oklch(0.836 0.077 188.5);
}Tailwind CSS v4
@theme {
--color-bambino: #8ddad3;
--color-bambino-50: #ddfdfa;
--color-bambino-100: #ccf1ee;
--color-bambino-200: #afdfdc;
--color-bambino-300: #89c4c0;
--color-bambino-400: #66ada7;
--color-bambino-500: #3e9790;
--color-bambino-600: #367f7a;
--color-bambino-700: #2b6661;
--color-bambino-800: #1e4b47;
--color-bambino-900: #143431;
--color-bambino-950: #051f1d;
}SCSS
$bambino: #8ddad3;
$bambino-rgb: 141, 218, 211;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}