Couleur nommée · #B0E0F7
Fairy Sparkles
Fairy Sparkles correspond à #B0E0F7 : rgb(176 224 247), hsl(199 82% 83%), oklch(0.881 0.059 228.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Fairy Sparkles color name →
#B0E0F7
oklch(0.881 0.059 228.8)
Conversions de couleur
- HEX
- #b0e0f7
- RGB
- rgb(176 224 247)
- HSL
- hsl(199 82% 83%)
- HWB
- hwb(199 69% 3%)
- OKLCH
- oklch(0.881 0.059 228.8)
- OKLab
- oklab(0.881 -0.039 -0.044)
- CIE Lab
- lab(86.37 -12.16 -16.59)
- LCH
- lch(86.37 20.57 233.8)
- CMYK
- cmyk(29% 9% 0% 3%)
Teintes · Ombres · Tons
Teintes
- B8E3F8
- C0E6F9
- C8E9FA
- D0EDFA
- D8F0FB
- E0F3FC
- E8F6FD
- EFF9FE
- F7FCFE
Ombres
- 99C3D7
- 82A6B7
- 6C8A99
- 56707C
- 425660
- 2E3E45
- 1C272C
- 0B1215
- 010203
Tons
- ABD6EB
- A7CCDE
- A2C2D2
- 9DB9C6
- 99AFBA
- 94A5AE
- 8F9CA2
- 8A9397
- 85898B
Harmonies de couleurs
Complémentaire +180°
- B0E0F7
Fairy Sparkles
- F9CDB6
≈ Biscuit Cream
Analogue -30° +30°
- B0E0F7
Fairy Sparkles
- AAE4E6
≈ Timeless Seafoam
- C1D9FF
≈ Broad Daylight
Triadique +120° +240°
- B0E0F7
Fairy Sparkles
- F7C9DE
≈ Laelia Pink
- DADBAF
≈ Spring Thyme
Complémentaire divisée +150° +210°
- B0E0F7
Fairy Sparkles
- FDC9C9
≈ Elegant Light Rose
- EDD4AD
≈ Givry
Tétradique +90° +180° +270°
- B0E0F7
Fairy Sparkles
- E9CCF1
≈ Mousse aux Pruneaux
- F9CDB6
≈ Biscuit Cream
- C5E2BC
≈ Ambrosia
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.41:1 · APCA Lc 20
Ag
AAASur noir
WCAG 14.85:1 · APCA Lc 83
Meilleure couleur de texte: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--fairy-sparkles: #b0e0f7;
--fairy-sparkles-rgb: 176 224 247;
--fairy-sparkles-oklch: oklch(0.881 0.059 228.8);
}
.element {
color: var(--fairy-sparkles);
background-color: hsl(199 82% 83%);
border-color: oklch(0.881 0.059 228.8);
}Tailwind CSS v4
@theme {
--color-fairy-sparkles: #b0e0f7;
--color-fairy-sparkles-50: #e5f9ff;
--color-fairy-sparkles-100: #d5ecf8;
--color-fairy-sparkles-200: #bcd9e9;
--color-fairy-sparkles-300: #99bed0;
--color-fairy-sparkles-400: #7aa6ba;
--color-fairy-sparkles-500: #5b8ea5;
--color-fairy-sparkles-600: #4e788c;
--color-fairy-sparkles-700: #3e6070;
--color-fairy-sparkles-800: #2c4752;
--color-fairy-sparkles-900: #1d3139;
--color-fairy-sparkles-950: #0d1d24;
}SCSS
$fairy-sparkles: #b0e0f7;
$fairy-sparkles-rgb: 176, 224, 247;
$fairy-sparkles-light: mix(#fff, $fairy-sparkles, 20%);
$fairy-sparkles-dark: mix(#000, $fairy-sparkles, 20%);
.element {
color: $fairy-sparkles;
box-shadow: 0 0 0 2px rgba($fairy-sparkles, 0.35);
}