Benannte Farbe · #5555AA
Brandywine Raspberry
Brandywine Raspberry ist #5555AA: rgb(85 85 170), hsl(240 33% 50%), oklch(0.493 0.133 280.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Brandywine Raspberry color name →
#5555AA
oklch(0.493 0.133 280.4)
Farbumrechnungen
- HEX
- #5555aa
- RGB
- rgb(85 85 170)
- HSL
- hsl(240 33% 50%)
- HWB
- hwb(240 33% 33%)
- OKLCH
- oklch(0.493 0.133 280.4)
- OKLab
- oklab(0.493 0.024 -0.13)
- CIE Lab
- lab(39.53 18.41 -46.55)
- LCH
- lch(39.53 50.06 291.6)
- CMYK
- cmyk(50% 50% 0% 33%)
Tints · Shades · Tones
Tints
- 6466B3
- 7377BC
- 8387C5
- 9398CE
- A4A9D7
- B6BADF
- C8CBE7
- DADCEF
- ECEDF7
Shades
- 494993
- 3D3D7D
- 313168
- 262653
- 1C1C3F
- 11112D
- 08081B
- 02020B
- 000001
Tones
- 595AA6
- 5C5FA3
- 60649F
- 65689B
- 696C97
- 6D7193
- 72758E
- 76788A
- 7B7C85
Farbharmonien
Komplementär +180°
- 5555AA
Brandywine Raspberry
- 6F6200
≈ Spicy Mustard
Analog -30° +30°
- 5555AA
Brandywine Raspberry
- 1163A9
≈ Wing Commander
- 794898
≈ Purple Sapphire
Triadisch +120° +240°
- 5555AA
Brandywine Raspberry
- 9D411C
≈ Autumn Red
- 00744B
≈ Gnarls Green
Geteilt komplementär +150° +210°
- 5555AA
Brandywine Raspberry
- 875500
≈ Spear Shaft
- 466F02
≈ Forest Empress
Tetradisch +90° +180° +270°
- 5555AA
Brandywine Raspberry
- 9D3A4F
≈ Raspberry Ice Red
- 6F6200
≈ Spicy Mustard
- 00706C
≈ Pine Scented Lagoon
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.42:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--brandywine-raspberry: #5555aa;
--brandywine-raspberry-rgb: 85 85 170;
--brandywine-raspberry-oklch: oklch(0.493 0.133 280.4);
}
.element {
color: var(--brandywine-raspberry);
background-color: hsl(240 33% 50%);
border-color: oklch(0.493 0.133 280.4);
}Tailwind CSS v4
@theme {
--color-brandywine-raspberry: #5555aa;
--color-brandywine-raspberry-50: #eff1ff;
--color-brandywine-raspberry-100: #e0e3ff;
--color-brandywine-raspberry-200: #cbceff;
--color-brandywine-raspberry-300: #adaffa;
--color-brandywine-raspberry-400: #9094eb;
--color-brandywine-raspberry-500: #7779db;
--color-brandywine-raspberry-600: #6567b9;
--color-brandywine-raspberry-700: #505295;
--color-brandywine-raspberry-800: #393c6f;
--color-brandywine-raspberry-900: #27294e;
--color-brandywine-raspberry-950: #151734;
}SCSS
$brandywine-raspberry: #5555aa;
$brandywine-raspberry-rgb: 85, 85, 170;
$brandywine-raspberry-light: mix(#fff, $brandywine-raspberry, 20%);
$brandywine-raspberry-dark: mix(#000, $brandywine-raspberry, 20%);
.element {
color: $brandywine-raspberry;
box-shadow: 0 0 0 2px rgba($brandywine-raspberry, 0.35);
}