Benannte Farbe · #B0E0F7
Fairy Sparkles
Fairy Sparkles ist #B0E0F7: rgb(176 224 247), hsl(199 82% 83%), oklch(0.881 0.059 228.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Fairy Sparkles color name →
#B0E0F7
oklch(0.881 0.059 228.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B8E3F8
- C0E6F9
- C8E9FA
- D0EDFA
- D8F0FB
- E0F3FC
- E8F6FD
- EFF9FE
- F7FCFE
Shades
- 99C3D7
- 82A6B7
- 6C8A99
- 56707C
- 425660
- 2E3E45
- 1C272C
- 0B1215
- 010203
Tones
- ABD6EB
- A7CCDE
- A2C2D2
- 9DB9C6
- 99AFBA
- 94A5AE
- 8F9CA2
- 8A9397
- 85898B
Farbharmonien
Komplementär +180°
- B0E0F7
Fairy Sparkles
- F9CDB6
≈ Biscuit Cream
Analog -30° +30°
- B0E0F7
Fairy Sparkles
- AAE4E6
≈ Timeless Seafoam
- C1D9FF
≈ Broad Daylight
Triadisch +120° +240°
- B0E0F7
Fairy Sparkles
- F7C9DE
≈ Laelia Pink
- DADBAF
≈ Spring Thyme
Geteilt komplementär +150° +210°
- B0E0F7
Fairy Sparkles
- FDC9C9
≈ Elegant Light Rose
- EDD4AD
≈ Givry
Tetradisch +90° +180° +270°
- B0E0F7
Fairy Sparkles
- E9CCF1
≈ Mousse aux Pruneaux
- F9CDB6
≈ Biscuit Cream
- C5E2BC
≈ Ambrosia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.85:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.85:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
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);
}