Cor nomeada · #A5FCDC
Icery
Icery é #A5FCDC: rgb(165 252 220), hsl(158 94% 82%), oklch(0.927 0.095 169). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Icery color name →
#A5FCDC
oklch(0.927 0.095 169)
Conversões de cor
- HEX
- #a5fcdc
- RGB
- rgb(165 252 220)
- HSL
- hsl(158 94% 82%)
- HWB
- hwb(158 65% 1%)
- OKLCH
- oklch(0.927 0.095 169)
- OKLab
- oklab(0.927 -0.094 0.018)
- CIE Lab
- lab(92.79 -32.48 6.65)
- LCH
- lch(92.79 33.15 168.4)
- CMYK
- cmyk(35% 0% 13% 1%)
Tons claros · Sombras · Tons
Tons claros
- AFFCDF
- B9FDE3
- C3FDE6
- CCFEEA
- D5FEED
- DEFEF1
- E6FFF4
- EFFFF8
- F7FFFB
Sombras
- 8FDBBF
- 79BBA3
- 659C88
- 517E6E
- 3D6254
- 2B473C
- 1A2D26
- 0A1611
- 010302
Tons
- A2EFD2
- 9FE2C9
- 9CD5BF
- 99C9B6
- 95BCAD
- 91B0A4
- 8DA49B
- 899892
- 858C89
Harmonias de cor
Complementar +180°
- A5FCDC
Icery
- FFDBEB
≈ Rose Glow
Análoga -30° +30°
Tríade +120° +240°
- A5FCDC
Icery
- E5E3FF
≈ Lavender Mist
- FFE0CF
≈ Toronja
Complementar dividida +150° +210°
- A5FCDC
Icery
- F8DCFF
≈ Sugarpills
- FFDEDD
≈ Rose Tonic
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.19:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.55:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.55:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--icery: #a5fcdc;
--icery-rgb: 165 252 220;
--icery-oklch: oklch(0.927 0.095 169);
}
.element {
color: var(--icery);
background-color: hsl(158 94% 82%);
border-color: oklch(0.927 0.095 169);
}Tailwind CSS v4
@theme {
--color-icery: #a5fcdc;
--color-icery-50: #dbfff1;
--color-icery-100: #c9f3e4;
--color-icery-200: #ace2cf;
--color-icery-300: #84c8b1;
--color-icery-400: #60b195;
--color-icery-500: #359a7b;
--color-icery-600: #2f8268;
--color-icery-700: #256853;
--color-icery-800: #1b4d3b;
--color-icery-900: #113529;
--color-icery-950: #032017;
}SCSS
$icery: #a5fcdc;
$icery-rgb: 165, 252, 220;
$icery-light: mix(#fff, $icery, 20%);
$icery-dark: mix(#000, $icery, 20%);
.element {
color: $icery;
box-shadow: 0 0 0 2px rgba($icery, 0.35);
}