Colore con nome · #93D8C2
Chloride
Chloride è #93D8C2: rgb(147 216 194), hsl(161 47% 71%), oklch(0.83 0.076 172.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Chloride color name →
#93D8C2
oklch(0.83 0.076 172.4)
Conversioni di colore
- HEX
- #93d8c2
- RGB
- rgb(147 216 194)
- HSL
- hsl(161 47% 71%)
- HWB
- hwb(161 58% 15%)
- OKLCH
- oklch(0.83 0.076 172.4)
- OKLab
- oklab(0.83 -0.076 0.01)
- CIE Lab
- lab(81.29 -26.15 3.61)
- LCH
- lch(81.29 26.4 172.1)
- CMYK
- cmyk(32% 0% 10% 15%)
Tinte · Ombre · Toni
Tinte
- 9FDCC8
- AAE0CE
- B5E4D4
- C0E8DA
- CAECE0
- D5F0E6
- E0F3EC
- EAF7F3
- F5FBF9
Ombre
- 7FBCA8
- 6CA08F
- 598577
- 476B60
- 365349
- 253B34
- 162520
- 08110E
- 010202
Toni
- 92CFBB
- 91C6B4
- 8FBDAE
- 8DB4A7
- 8CABA0
- 8AA29A
- 879A93
- 85918D
- 838986
Armonie di colore
Complementare +180°
- 93D8C2
Chloride
- EFB3CC
≈ Fairy Tale
Analogo -30° +30°
- 93D8C2
Chloride
- ABD5A7
≈ Pistachio Green
- 8AD7DD
≈ Vibrant Soft Blue
Triadico +120° +240°
- 93D8C2
Chloride
- C8BFF5
≈ Connecticut Lilac
- F0BA9A
≈ Caramel Powder
Complementare divisa +150° +210°
- 93D8C2
Chloride
- E0B7E5
≈ Pretty Petunia
- F5B4B1
≈ Precious Pink
Tetradico +90° +180° +270°
- 93D8C2
Chloride
- ADC8FA
≈ Night Snow
- EFB3CC
≈ Fairy Tale
- E0C38E
≈ Farina
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.84:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--chloride: #93d8c2;
--chloride-rgb: 147 216 194;
--chloride-oklch: oklch(0.83 0.076 172.4);
}
.element {
color: var(--chloride);
background-color: hsl(161 47% 71%);
border-color: oklch(0.83 0.076 172.4);
}Tailwind CSS v4
@theme {
--color-chloride: #93d8c2;
--color-chloride-50: #e0fdf4;
--color-chloride-100: #cff1e6;
--color-chloride-200: #b3dfd2;
--color-chloride-300: #8ec5b5;
--color-chloride-400: #6dad9a;
--color-chloride-500: #4a9781;
--color-chloride-600: #407f6d;
--color-chloride-700: #336657;
--color-chloride-800: #244b3e;
--color-chloride-900: #18342b;
--color-chloride-950: #081f18;
}SCSS
$chloride: #93d8c2;
$chloride-rgb: 147, 216, 194;
$chloride-light: mix(#fff, $chloride, 20%);
$chloride-dark: mix(#000, $chloride, 20%);
.element {
color: $chloride;
box-shadow: 0 0 0 2px rgba($chloride, 0.35);
}