Color con nombre más cercano · #A1E1D9
#A1E1D9
Color con nombre más cercano: Sea Glass Teal
#A1E1D9 (rgb(161 225 217), hsl(173 52% 76%), oklch(0.864 0.066 186.4)) se parece más al color con nombre Sea Glass Teal. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A1E1D9
oklch(0.864 0.066 186.4)
Conversiones de color
- HEX
- #a1e1d9
- RGB
- rgb(161 225 217)
- HSL
- hsl(173 52% 76%)
- HWB
- hwb(173 63% 12%)
- OKLCH
- oklch(0.864 0.066 186.4)
- OKLab
- oklab(0.864 -0.065 -0.007)
- CIE Lab
- lab(85.05 -22.26 -2.94)
- LCH
- lch(85.05 22.45 187.5)
- CMYK
- cmyk(28% 0% 4% 12%)
Tintes · Sombras · Tonos
Tintes
- ABE4DD
- B5E7E1
- BEEAE4
- C8EDE8
- D1F0EC
- DBF3F0
- E4F6F3
- EDF9F7
- F6FCFB
Sombras
- 8BC4BC
- 76A7A1
- 628B86
- 4E706C
- 3C5653
- 2A3E3B
- 192725
- 091211
- 010202
Tonos
- 9ED7D0
- 9BCDC7
- 98C3BD
- 95B9B4
- 92AFAB
- 8FA6A3
- 8B9C9A
- 889391
- 848988
Armonías de color
Complementario +180°
- A1E1D9
Sea Glass Teal
- F9C1CB
≈ Rose Shadow
Análogo -30° +30°
- A1E1D9
Sea Glass Teal
- B0E0C1
≈ Fringy Flower
- A1DEEE
≈ Non-Photo Blue
Triádico +120° +240°
- A1E1D9
Sea Glass Teal
- DDC8F5
≈ Foggy Heath
- F1CBA5
≈ Masala Chai
Complementario dividido +150° +210°
- A1E1D9
Sea Glass Teal
- EFC3E3
≈ Rosy Nectar
- FAC4B5
≈ Apricot Obsession
Tetrádico +90° +180° +270°
- A1E1D9
Sea Glass Teal
- C6CFFE
≈ Lavender Blue
- F9C1CB
≈ Rose Shadow
- DFD3A2
≈ Woven
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.28:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--sea-glass-teal: #a1e1d9;
--sea-glass-teal-rgb: 161 225 217;
--sea-glass-teal-oklch: oklch(0.864 0.066 186.4);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(173 52% 76%);
border-color: oklch(0.864 0.066 186.4);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #a1e1d9;
--color-sea-glass-teal-50: #e1fcf9;
--color-sea-glass-teal-100: #d0efec;
--color-sea-glass-teal-200: #b5ded9;
--color-sea-glass-teal-300: #91c3be;
--color-sea-glass-teal-400: #70aba4;
--color-sea-glass-teal-500: #4e948d;
--color-sea-glass-teal-600: #437e77;
--color-sea-glass-teal-700: #35655f;
--color-sea-glass-teal-800: #264a45;
--color-sea-glass-teal-900: #193330;
--color-sea-glass-teal-950: #0a1f1c;
}SCSS
$sea-glass-teal: #a1e1d9;
$sea-glass-teal-rgb: 161, 225, 217;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}