이름 색상 · #89D1CB
Electro Chill
Electro Chill은(는) #89D1CB: rgb(137 209 203), hsl(175 44% 68%), oklch(0.812 0.073 189.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Electro Chill color name →
#89D1CB
oklch(0.812 0.073 189.2)
색상 변환
- HEX
- #89d1cb
- RGB
- rgb(137 209 203)
- HSL
- hsl(175 44% 68%)
- HWB
- hwb(175 54% 18%)
- OKLCH
- oklch(0.812 0.073 189.2)
- OKLab
- oklab(0.812 -0.072 -0.012)
- CIE Lab
- lab(78.98 -24.44 -4.56)
- LCH
- lch(78.98 24.86 190.6)
- CMYK
- cmyk(34% 0% 3% 18%)
틴트 · 셰이드 · 톤
틴트
- 96D6D0
- A2DAD5
- AEDFDA
- BAE4E0
- C6E8E5
- D1EDEA
- DDF1EF
- E8F6F4
- F4FAFA
셰이드
- 76B5B0
- 649B96
- 53817D
- 426865
- 31504D
- 223937
- 142322
- 07100F
- 010202
톤
- 89C9C3
- 89C0BC
- 89B8B4
- 88B0AC
- 87A8A5
- 86A09D
- 859896
- 83908E
- 828887
색 조화
보색 +180°
- 89D1CB
Electro Chill
- ECAEB7
≈ Strawberry Cream
유사색 -30° +30°
- 89D1CB
Electro Chill
- 99D0B1
≈ Menthol Green
- 8BCDE2
≈ Bayshore
삼각 배색 +120° +240°
- 89D1CB
Electro Chill
- CFB5E6
≈ Pretty Petunia
- E1BA8F
≈ Pancho
분열 보색 +150° +210°
- 89D1CB
Electro Chill
- E2B0D1
≈ Flower Power
- EBB29F
≈ Wax Flower
사각 배색 +90° +180° +270°
- 89D1CB
Electro Chill
- B7BDF0
≈ Larkspur Bud
- ECAEB7
≈ Strawberry Cream
- CDC38C
≈ Yerba Mate
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.04:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--electro-chill: #89d1cb;
--electro-chill-rgb: 137 209 203;
--electro-chill-oklch: oklch(0.812 0.073 189.2);
}
.element {
color: var(--electro-chill);
background-color: hsl(175 44% 68%);
border-color: oklch(0.812 0.073 189.2);
}Tailwind CSS v4
@theme {
--color-electro-chill: #89d1cb;
--color-electro-chill-50: #dffcfa;
--color-electro-chill-100: #cdf0ee;
--color-electro-chill-200: #b1dfdc;
--color-electro-chill-300: #8cc4c0;
--color-electro-chill-400: #69ada7;
--color-electro-chill-500: #449690;
--color-electro-chill-600: #3b7f7a;
--color-electro-chill-700: #2f6561;
--color-electro-chill-800: #214b47;
--color-electro-chill-900: #163431;
--color-electro-chill-950: #071f1d;
}SCSS
$electro-chill: #89d1cb;
$electro-chill-rgb: 137, 209, 203;
$electro-chill-light: mix(#fff, $electro-chill, 20%);
$electro-chill-dark: mix(#000, $electro-chill, 20%);
.element {
color: $electro-chill;
box-shadow: 0 0 0 2px rgba($electro-chill, 0.35);
}