Colore con nome · #87D8C3
Ice Green
Ice Green è #87D8C3: rgb(135 216 195), hsl(164 51% 69%), oklch(0.824 0.085 175.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Ice Green color name →
#87D8C3
oklch(0.824 0.085 175.8)
Conversioni di colore
- HEX
- #87d8c3
- RGB
- rgb(135 216 195)
- HSL
- hsl(164 51% 69%)
- HWB
- hwb(164 53% 15%)
- OKLCH
- oklch(0.824 0.085 175.8)
- OKLab
- oklab(0.824 -0.085 0.006)
- CIE Lab
- lab(80.7 -29.49 2.15)
- LCH
- lch(80.7 29.57 175.8)
- CMYK
- cmyk(38% 0% 10% 15%)
Tinte · Ombre · Toni
Tinte
- 94DCC9
- A1E0CF
- ADE4D5
- BAE8DB
- C5ECE1
- D1F0E7
- DDF4ED
- E8F7F3
- F4FBF9
Ombre
- 75BCA9
- 63A090
- 518578
- 416B60
- 31534A
- 213B34
- 132520
- 06110E
- 010202
Toni
- 88CFBC
- 88C6B5
- 88BDAE
- 87B4A8
- 87ABA1
- 86A39A
- 859A94
- 83918D
- 828986
Armonie di colore
Complementare +180°
- 87D8C3
Ice Green
- F3AFC7
≈ Nadeshiko Pink
Analogo -30° +30°
- 87D8C3
Ice Green
- A2D5A4
≈ Pistachio Green
- 7FD6E0
≈ VIC 20 Sky
Triadico +120° +240°
- 87D8C3
Ice Green
- CABBF7
≈ Lavender Tonic
- F1B790
≈ November Leaf
Complementare divisa +150° +210°
- 87D8C3
Ice Green
- E3B3E4
≈ Pink Drink
- F8B0A9
≈ Snow White Blush
Tetradico +90° +180° +270°
- 87D8C3
Ice Green
- ABC5FE
≈ Night Snow
- F3AFC7
≈ Nadeshiko Pink
- DEC285
≈ Gold Tint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.64:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--ice-green: #87d8c3;
--ice-green-rgb: 135 216 195;
--ice-green-oklch: oklch(0.824 0.085 175.8);
}
.element {
color: var(--ice-green);
background-color: hsl(164 51% 69%);
border-color: oklch(0.824 0.085 175.8);
}Tailwind CSS v4
@theme {
--color-ice-green: #87d8c3;
--color-ice-green-50: #dcfef5;
--color-ice-green-100: #cbf2e8;
--color-ice-green-200: #aee1d4;
--color-ice-green-300: #87c6b7;
--color-ice-green-400: #64af9c;
--color-ice-green-500: #3b9984;
--color-ice-green-600: #34816f;
--color-ice-green-700: #296759;
--color-ice-green-800: #1d4c40;
--color-ice-green-900: #13352c;
--color-ice-green-950: #042019;
}SCSS
$ice-green: #87d8c3;
$ice-green-rgb: 135, 216, 195;
$ice-green-light: mix(#fff, $ice-green, 20%);
$ice-green-dark: mix(#000, $ice-green, 20%);
.element {
color: $ice-green;
box-shadow: 0 0 0 2px rgba($ice-green, 0.35);
}