Couleur nommée · #AAFFEE
Blister Pearl
Blister Pearl correspond à #AAFFEE : rgb(170 255 238), hsl(168 100% 83%), oklch(0.941 0.086 180.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Blister Pearl color name →
#AAFFEE
oklch(0.941 0.086 180.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B4FFF0
- BDFFF1
- C6FFF3
- CFFFF5
- D7FFF6
- E0FFF8
- E8FFFA
- F0FFFC
- F7FFFD
Ombres
- 93DECF
- 7DBEB1
- 689E93
- 538077
- 3F635C
- 2D4842
- 1B2E2A
- 0B1614
- 010303
Tons
- A7F2E2
- A3E5D7
- 9FD7CC
- 9BCBC1
- 97BEB5
- 93B1AA
- 8FA5A0
- 8A9895
- 858C8A
Harmonies de couleurs
Complémentaire +180°
- AAFFEE
Blister Pearl
- FFE3EA
≈ Early Blossom
Analogue -30° +30°
- AAFFEE
Blister Pearl
- C3FDCE
≈ Toxic Steam
- C4F6FF
≈ Pale Sky
Triadique +120° +240°
- AAFFEE
Blister Pearl
- EFE7FF
≈ Bright Dusk
- FFE6D3
≈ Mood Lighting
Complémentaire divisée +150° +210°
- AAFFEE
Blister Pearl
- FFE1FB
≈ Fairy Salt
- FFE5E0
≈ Olm Pink
Tétradique +90° +180° +270°
- AAFFEE
Blister Pearl
- E4EBFF
≈ Icy Lilac
- FFE3EA
≈ Early Blossom
- FFEAB1
≈ Lively Yellow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.15:1 · APCA Lc 0
Ag
AAASur noir
WCAG 18.24:1 · APCA Lc 97
Meilleure couleur de texte: #000000
WCAG 18.24:1 (AAA) · APCA Lc 97
Contrast pairs
Extraits de code
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);
}