Benannte Farbe · #9EBBDA
Wings of Pegasus
Wings of Pegasus ist #9EBBDA: rgb(158 187 218), hsl(211 45% 74%), oklch(0.781 0.055 250.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Wings of Pegasus color name →
#9EBBDA
oklch(0.781 0.055 250.3)
Farbumrechnungen
- HEX
- #9ebbda
- RGB
- rgb(158 187 218)
- HSL
- hsl(211 45% 74%)
- HWB
- hwb(211 62% 15%)
- OKLCH
- oklch(0.781 0.055 250.3)
- OKLab
- oklab(0.781 -0.018 -0.051)
- CIE Lab
- lab(74.5 -4.91 -19.07)
- LCH
- lch(74.5 19.69 255.6)
- CMYK
- cmyk(28% 14% 0% 15%)
Tints · Shades · Tones
Tints
- A8C2DE
- B1C8E2
- BBCFE5
- C4D6E9
- CEDDED
- D8E4F0
- E1EAF4
- EBF1F8
- F5F8FB
Shades
- 89A2BD
- 748AA2
- 607387
- 4D5C6C
- 3A4654
- 29323C
- 181F25
- 090D11
- 010202
Tones
- 9BB5D1
- 98AFC7
- 95A9BE
- 92A3B5
- 8F9DAC
- 8C97A3
- 89919A
- 868C91
- 838689
Farbharmonien
Komplementär +180°
- 9EBBDA
Wings of Pegasus
- CFB292
≈ Baker’s Bread
Analog -30° +30°
- 9EBBDA
Wings of Pegasus
- 91C0D0
≈ Eastern Sky
- B0B4DB
≈ Beloved
Triadisch +120° +240°
- 9EBBDA
Wings of Pegasus
- D8AAAF
≈ Pale Persimmon
- ACBF9B
≈ Garden Pond
Geteilt komplementär +150° +210°
- 9EBBDA
Wings of Pegasus
- D7AD9E
≈ Montezuma’s Castle
- BFB991
≈ Back to Nature
Tetradisch +90° +180° +270°
- 9EBBDA
Wings of Pegasus
- D1ABC3
≈ Heart to Heart
- CFB292
≈ Baker’s Bread
- 9AC3AC
≈ Mini Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.57:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--wings-of-pegasus: #9ebbda;
--wings-of-pegasus-rgb: 158 187 218;
--wings-of-pegasus-oklch: oklch(0.781 0.055 250.3);
}
.element {
color: var(--wings-of-pegasus);
background-color: hsl(211 45% 74%);
border-color: oklch(0.781 0.055 250.3);
}Tailwind CSS v4
@theme {
--color-wings-of-pegasus: #9ebbda;
--color-wings-of-pegasus-50: #eaf7ff;
--color-wings-of-pegasus-100: #dbeafa;
--color-wings-of-pegasus-200: #c4d6ec;
--color-wings-of-pegasus-300: #a4bad3;
--color-wings-of-pegasus-400: #87a1be;
--color-wings-of-pegasus-500: #6b89aa;
--color-wings-of-pegasus-600: #5b748f;
--color-wings-of-pegasus-700: #485d73;
--color-wings-of-pegasus-800: #334455;
--color-wings-of-pegasus-900: #232f3b;
--color-wings-of-pegasus-950: #121c25;
}SCSS
$wings-of-pegasus: #9ebbda;
$wings-of-pegasus-rgb: 158, 187, 218;
$wings-of-pegasus-light: mix(#fff, $wings-of-pegasus, 20%);
$wings-of-pegasus-dark: mix(#000, $wings-of-pegasus, 20%);
.element {
color: $wings-of-pegasus;
box-shadow: 0 0 0 2px rgba($wings-of-pegasus, 0.35);
}