Nächste benannte Farbe · #8A9FEC
#8A9FEC
Nächste benannte Farbe: Wisteria Blue
#8A9FEC (rgb(138 159 236), hsl(227 72% 73%), oklch(0.717 0.115 271.6)) liegt am nächsten an der benannten Farbe Wisteria Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8A9FEC
oklch(0.717 0.115 271.6)
Farbumrechnungen
- HEX
- #8a9fec
- RGB
- rgb(138 159 236)
- HSL
- hsl(227 72% 73%)
- HWB
- hwb(227 54% 7%)
- OKLCH
- oklch(0.717 0.115 271.6)
- OKLab
- oklab(0.717 0.003 -0.115)
- CIE Lab
- lab(66.21 7.13 -41.66)
- LCH
- lch(66.21 42.26 279.7)
- CMYK
- cmyk(42% 33% 0% 7%)
Tints · Shades · Tones
Tints
- 95A9EF
- A0B2F1
- ACBCF3
- B7C6F5
- C3CFF7
- CFD9F9
- DAE2FB
- E7ECFC
- F3F5FE
Shades
- 778ACD
- 6575AF
- 536192
- 424D76
- 323B5B
- 222942
- 141829
- 070913
- 010103
Tones
- 899CE1
- 8899D6
- 8796CB
- 8693C1
- 8590B6
- 848DAB
- 838AA0
- 828796
- 81838B
Farbharmonien
Komplementär +180°
- 8A9FEC
Wisteria Blue
- BEA146
≈ Spontaneous Sprig
Analog -30° +30°
- 8A9FEC
Wisteria Blue
- 5CACE5
≈ Blue Jeans
- B192E0
≈ Dreamy Candy Forest
Triadisch +120° +240°
- 8A9FEC
Wisteria Blue
- E28876
≈ Guava Jam
- 69B87F
≈ Green Garter
Geteilt komplementär +150° +210°
- 8A9FEC
Wisteria Blue
- D79253
≈ Brushed Clay
- 98AF59
≈ Asparagus Cream
Tetradisch +90° +180° +270°
- 8A9FEC
Wisteria Blue
- DF849F
≈ Sweet Chrysanthemum
- BEA146
≈ Spontaneous Sprig
- 36BBA9
≈ Tealish
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.25:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--wisteria-blue: #8a9fec;
--wisteria-blue-rgb: 138 159 236;
--wisteria-blue-oklch: oklch(0.717 0.115 271.6);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(227 72% 73%);
border-color: oklch(0.717 0.115 271.6);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #8a9fec;
--color-wisteria-blue-50: #eaf4ff;
--color-wisteria-blue-100: #dbe6ff;
--color-wisteria-blue-200: #c4d2ff;
--color-wisteria-blue-300: #a4b4f3;
--color-wisteria-blue-400: #869ae3;
--color-wisteria-blue-500: #6b80d2;
--color-wisteria-blue-600: #5b6cb1;
--color-wisteria-blue-700: #48578e;
--color-wisteria-blue-800: #33406a;
--color-wisteria-blue-900: #222c4b;
--color-wisteria-blue-950: #121931;
}SCSS
$wisteria-blue: #8a9fec;
$wisteria-blue-rgb: 138, 159, 236;
$wisteria-blue-light: mix(#fff, $wisteria-blue, 20%);
$wisteria-blue-dark: mix(#000, $wisteria-blue, 20%);
.element {
color: $wisteria-blue;
box-shadow: 0 0 0 2px rgba($wisteria-blue, 0.35);
}