Benannte Farbe · #88C7E9
Shimmer
Shimmer ist #88C7E9: rgb(136 199 233), hsl(201 69% 72%), oklch(0.799 0.08 232.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Shimmer color name →
#88C7E9
oklch(0.799 0.08 232.7)
Farbumrechnungen
- HEX
- #88c7e9
- RGB
- rgb(136 199 233)
- HSL
- hsl(201 69% 72%)
- HWB
- hwb(201 53% 9%)
- OKLCH
- oklch(0.799 0.08 232.7)
- OKLab
- oklab(0.799 -0.049 -0.064)
- CIE Lab
- lab(76.9 -14.35 -23.67)
- LCH
- lch(76.9 27.68 238.8)
- CMYK
- cmyk(42% 15% 0% 9%)
Tints · Shades · Tones
Tints
- 95CDEB
- A1D2EE
- ADD8F0
- B9DEF2
- C5E3F5
- D0E9F7
- DCEEF9
- E8F4FB
- F3F9FD
Shades
- 75ADCB
- 6393AD
- 527A90
- 416274
- 314C5A
- 223641
- 132129
- 060E13
- 010203
Tones
- 88C0DE
- 88B9D3
- 87B1C9
- 87AABE
- 86A3B3
- 859CA9
- 84959F
- 838E94
- 82878A
Farbharmonien
Komplementär +180°
- 88C7E9
Shimmer
- E8B08D
≈ Ancient Inca
Analog -30° +30°
- 88C7E9
Shimmer
- 7CCDD4
≈ White Ultramarine
- A2BEF2
≈ Pastel Blue
Triadisch +120° +240°
- 88C7E9
Shimmer
- E7A8C2
≈ Little Princess
- BEC387
≈ Misty Valley
Geteilt komplementär +150° +210°
- 88C7E9
Shimmer
- EDA9A6
≈ Pressed Rose
- D7B981
≈ Honeymoon
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.84:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.39:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.39:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--shimmer: #88c7e9;
--shimmer-rgb: 136 199 233;
--shimmer-oklch: oklch(0.799 0.08 232.7);
}
.element {
color: var(--shimmer);
background-color: hsl(201 69% 72%);
border-color: oklch(0.799 0.08 232.7);
}Tailwind CSS v4
@theme {
--color-shimmer: #88c7e9;
--color-shimmer-50: #e0faff;
--color-shimmer-100: #cfedff;
--color-shimmer-200: #b4dbf2;
--color-shimmer-300: #8fbfdb;
--color-shimmer-400: #6ca7c6;
--color-shimmer-500: #498fb3;
--color-shimmer-600: #3f7997;
--color-shimmer-700: #326179;
--color-shimmer-800: #224759;
--color-shimmer-900: #17313e;
--color-shimmer-950: #071d27;
}SCSS
$shimmer: #88c7e9;
$shimmer-rgb: 136, 199, 233;
$shimmer-light: mix(#fff, $shimmer, 20%);
$shimmer-dark: mix(#000, $shimmer, 20%);
.element {
color: $shimmer;
box-shadow: 0 0 0 2px rgba($shimmer, 0.35);
}