Nächste benannte Farbe · #8097E8
#8097E8
Nächste benannte Farbe: Wisteria Blue
#8097E8 (rgb(128 151 232), hsl(227 69% 71%), oklch(0.692 0.122 270.9)) liegt am nächsten an der benannten Farbe Wisteria Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8097E8
oklch(0.692 0.122 270.9)
Farbumrechnungen
- HEX
- #8097e8
- RGB
- rgb(128 151 232)
- HSL
- hsl(227 69% 71%)
- HWB
- hwb(227 50% 9%)
- OKLCH
- oklch(0.692 0.122 270.9)
- OKLab
- oklab(0.692 0.002 -0.122)
- CIE Lab
- lab(63.24 7.74 -44.15)
- LCH
- lch(63.24 44.82 279.9)
- CMYK
- cmyk(45% 35% 0% 9%)
Tints · Shades · Tones
Tints
- 8CA2EB
- 98ACEE
- A4B6F1
- B1C1F3
- BDCBF6
- CAD6F8
- D7E0FA
- E4EAFC
- F2F5FD
Shades
- 6E83CA
- 5D6FAC
- 4D5C90
- 3D4974
- 2E3759
- 1F2640
- 121729
- 060813
- 010103
Tones
- 8095DE
- 8093D3
- 8091C9
- 808FBE
- 808CB4
- 808AAA
- 80889F
- 808595
- 80838B
Farbharmonien
Komplementär +180°
- 8097E8
Wisteria Blue
- B99933
≈ Gold Taffeta
Analog -30° +30°
- 8097E8
Wisteria Blue
- 4BA5E0
≈ High Blue
- A989DC
≈ Middy’s Purple
Triadisch +120° +240°
- 8097E8
Wisteria Blue
- DD7D6D
≈ Marmalade Magic
- 5DB174
≈ Pale Green
Geteilt komplementär +150° +210°
- 8097E8
Wisteria Blue
- D28946
≈ Hazelnut Coffee
- 91A74A
≈ Lime It or Leave It
Tetradisch +90° +180° +270°
- 8097E8
Wisteria Blue
- D97A98
≈ Impatient Pink
- B99933
≈ Gold Taffeta
- 13B4A0
≈ Aare River
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--wisteria-blue: #8097e8;
--wisteria-blue-rgb: 128 151 232;
--wisteria-blue-oklch: oklch(0.692 0.122 270.9);
}
.element {
color: var(--wisteria-blue);
background-color: hsl(227 69% 71%);
border-color: oklch(0.692 0.122 270.9);
}Tailwind CSS v4
@theme {
--color-wisteria-blue: #8097e8;
--color-wisteria-blue-50: #e9f4ff;
--color-wisteria-blue-100: #dae6ff;
--color-wisteria-blue-200: #c2d2ff;
--color-wisteria-blue-300: #a2b3f7;
--color-wisteria-blue-400: #849ae7;
--color-wisteria-blue-500: #687fd7;
--color-wisteria-blue-600: #596cb5;
--color-wisteria-blue-700: #475692;
--color-wisteria-blue-800: #31406d;
--color-wisteria-blue-900: #212c4c;
--color-wisteria-blue-950: #111933;
}SCSS
$wisteria-blue: #8097e8;
$wisteria-blue-rgb: 128, 151, 232;
$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);
}