Nazwany kolor · #89D1CB
Electro Chill
Electro Chill to #89D1CB: rgb(137 209 203), hsl(175 44% 68%), oklch(0.812 0.073 189.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Electro Chill color name →
#89D1CB
oklch(0.812 0.073 189.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96D6D0
- A2DAD5
- AEDFDA
- BAE4E0
- C6E8E5
- D1EDEA
- DDF1EF
- E8F6F4
- F4FAFA
Odcienie ciemniejsze
- 76B5B0
- 649B96
- 53817D
- 426865
- 31504D
- 223937
- 142322
- 07100F
- 010202
Tony
- 89C9C3
- 89C0BC
- 89B8B4
- 88B0AC
- 87A8A5
- 86A09D
- 859896
- 83908E
- 828887
Harmonie kolorów
Komplementarna +180°
- 89D1CB
Electro Chill
- ECAEB7
≈ Strawberry Cream
Analogowa -30° +30°
- 89D1CB
Electro Chill
- 99D0B1
≈ Menthol Green
- 8BCDE2
≈ Bayshore
Triada +120° +240°
- 89D1CB
Electro Chill
- CFB5E6
≈ Pretty Petunia
- E1BA8F
≈ Pancho
Komplementarna rozszczepiona +150° +210°
- 89D1CB
Electro Chill
- E2B0D1
≈ Flower Power
- EBB29F
≈ Wax Flower
Tetrada +90° +180° +270°
- 89D1CB
Electro Chill
- B7BDF0
≈ Larkspur Bud
- ECAEB7
≈ Strawberry Cream
- CDC38C
≈ Yerba Mate
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.04:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
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);
}