Color con nombre · #AAFFEE
Blister Pearl
Blister Pearl es #AAFFEE: rgb(170 255 238), hsl(168 100% 83%), oklch(0.941 0.086 180.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Teal mean? → · Blister Pearl color name →
#AAFFEE
oklch(0.941 0.086 180.4)
Conversiones de color
- HEX
- #aaffee
- RGB
- rgb(170 255 238)
- HSL
- hsl(168 100% 83%)
- HWB
- hwb(168 67% 0%)
- OKLCH
- oklch(0.941 0.086 180.4)
- OKLab
- oklab(0.941 -0.086 -0.001)
- CIE Lab
- lab(94.23 -29.5 -0.46)
- LCH
- lch(94.23 29.5 180.9)
- CMYK
- cmyk(33% 0% 7% 0%)
Tintes · Sombras · Tonos
Tintes
- B4FFF0
- BDFFF1
- C6FFF3
- CFFFF5
- D7FFF6
- E0FFF8
- E8FFFA
- F0FFFC
- F7FFFD
Sombras
- 93DECF
- 7DBEB1
- 689E93
- 538077
- 3F635C
- 2D4842
- 1B2E2A
- 0B1614
- 010303
Tonos
- A7F2E2
- A3E5D7
- 9FD7CC
- 9BCBC1
- 97BEB5
- 93B1AA
- 8FA5A0
- 8A9895
- 858C8A
Armonías de color
Complementario +180°
- AAFFEE
Blister Pearl
- FFE3EA
≈ Early Blossom
Análogo -30° +30°
- AAFFEE
Blister Pearl
- C3FDCE
≈ Toxic Steam
- C4F6FF
≈ Pale Sky
Triádico +120° +240°
- AAFFEE
Blister Pearl
- EFE7FF
≈ Bright Dusk
- FFE6D3
≈ Mood Lighting
Complementario dividido +150° +210°
- AAFFEE
Blister Pearl
- FFE1FB
≈ Fairy Salt
- FFE5E0
≈ Olm Pink
Tetrádico +90° +180° +270°
- AAFFEE
Blister Pearl
- E4EBFF
≈ Icy Lilac
- FFE3EA
≈ Early Blossom
- FFEAB1
≈ Lively Yellow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.15:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.24:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 18.24:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--blister-pearl: #aaffee;
--blister-pearl-rgb: 170 255 238;
--blister-pearl-oklch: oklch(0.941 0.086 180.4);
}
.element {
color: var(--blister-pearl);
background-color: hsl(168 100% 83%);
border-color: oklch(0.941 0.086 180.4);
}Tailwind CSS v4
@theme {
--color-blister-pearl: #aaffee;
--color-blister-pearl-50: #dbfef7;
--color-blister-pearl-100: #caf2ea;
--color-blister-pearl-200: #ace1d7;
--color-blister-pearl-300: #85c6bb;
--color-blister-pearl-400: #60afa1;
--color-blister-pearl-500: #369989;
--color-blister-pearl-600: #2f8174;
--color-blister-pearl-700: #26675c;
--color-blister-pearl-800: #1a4c43;
--color-blister-pearl-900: #11352e;
--color-blister-pearl-950: #03201b;
}SCSS
$blister-pearl: #aaffee;
$blister-pearl-rgb: 170, 255, 238;
$blister-pearl-light: mix(#fff, $blister-pearl, 20%);
$blister-pearl-dark: mix(#000, $blister-pearl, 20%);
.element {
color: $blister-pearl;
box-shadow: 0 0 0 2px rgba($blister-pearl, 0.35);
}