Colore con nome · #A1DED6
Frosty
Frosty è #A1DED6: rgb(161 222 214), hsl(172 48% 75%), oklch(0.857 0.063 186). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Frosty color name →
#A1DED6
oklch(0.857 0.063 186)
Conversioni di colore
- HEX
- #a1ded6
- RGB
- rgb(161 222 214)
- HSL
- hsl(172 48% 75%)
- HWB
- hwb(172 63% 13%)
- OKLCH
- oklch(0.857 0.063 186)
- OKLab
- oklab(0.857 -0.063 -0.007)
- CIE Lab
- lab(84.16 -21.39 -2.66)
- LCH
- lch(84.16 21.56 187.1)
- CMYK
- cmyk(27% 0% 4% 13%)
Tinte · Ombre · Toni
Tinte
- ABE1DA
- B5E5DE
- BEE8E2
- C8EBE6
- D1EFEA
- DAF2EE
- E4F5F3
- EDF9F7
- F6FCFB
Ombre
- 8BC1BA
- 76A59E
- 628984
- 4E6F6A
- 3C5552
- 2A3D3B
- 192625
- 091210
- 010202
Toni
- 9ED4CD
- 9BCBC4
- 98C1BB
- 95B7B3
- 92AEAA
- 8FA5A1
- 8B9B99
- 879291
- 848988
Armonie di colore
Complementare +180°
- A1DED6
Frosty
- F5C0CA
≈ Deco Pink
Analogo -30° +30°
- A1DED6
Frosty
- AFDDBF
≈ Quantum Effect
- A1DBEA
≈ Nevada Sky
Triadico +120° +240°
- A1DED6
Frosty
- DAC6F1
≈ Foggy Love
- EDC8A5
≈ Peaches’n’Cream
Complementare divisa +150° +210°
- A1DED6
Frosty
- EBC1E0
≈ Sweet Alyssum
- F6C2B4
≈ Apricot Obsession
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.93:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.93:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--frosty: #a1ded6;
--frosty-rgb: 161 222 214;
--frosty-oklch: oklch(0.857 0.063 186);
}
.element {
color: var(--frosty);
background-color: hsl(172 48% 75%);
border-color: oklch(0.857 0.063 186);
}Tailwind CSS v4
@theme {
--color-frosty: #a1ded6;
--color-frosty-50: #e2fbf8;
--color-frosty-100: #d1efec;
--color-frosty-200: #b7ddd9;
--color-frosty-300: #93c2bd;
--color-frosty-400: #73aba4;
--color-frosty-500: #51948c;
--color-frosty-600: #467d77;
--color-frosty-700: #38645f;
--color-frosty-800: #274a45;
--color-frosty-900: #1a3330;
--color-frosty-950: #0b1f1c;
}SCSS
$frosty: #a1ded6;
$frosty-rgb: 161, 222, 214;
$frosty-light: mix(#fff, $frosty, 20%);
$frosty-dark: mix(#000, $frosty, 20%);
.element {
color: $frosty;
box-shadow: 0 0 0 2px rgba($frosty, 0.35);
}