Benannte Farbe · #553A76
Loden Purple
Loden Purple ist #553A76: rgb(85 58 118), hsl(267 34% 35%), oklch(0.408 0.101 303). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Loden Purple color name →
#553A76
oklch(0.408 0.101 303)
Farbumrechnungen
- HEX
- #553a76
- RGB
- rgb(85 58 118)
- HSL
- hsl(267 34% 35%)
- HWB
- hwb(267 23% 54%)
- OKLCH
- oklch(0.408 0.101 303)
- OKLab
- oklab(0.408 0.055 -0.085)
- CIE Lab
- lab(29.79 22.33 -30.36)
- LCH
- lch(29.79 37.69 306.3)
- CMYK
- cmyk(28% 51% 0% 54%)
Tints · Shades · Tones
Tints
- 644C84
- 745F91
- 84729F
- 9585AC
- A698BA
- B7ACC8
- C8C0D5
- DAD5E3
- EDEAF1
Shades
- 493166
- 3D2856
- 312047
- 261838
- 1C1029
- 11091C
- 08040F
- 020105
- 000001
Tones
- 594177
- 5D4979
- 61507A
- 66577B
- 6A5E7C
- 6E647D
- 736B7E
- 77727F
- 7C7980
Farbharmonien
Komplementär +180°
- 553A76
Loden Purple
- 405200
≈ Highlands Moss
Analog -30° +30°
- 553A76
Loden Purple
- 384480
≈ Indigo Night
- 693261
≈ Gloxinia
Triadisch +120° +240°
- 553A76
Loden Purple
- 6C3C00
≈ Bestial Brown
- 00564D
≈ Castleton Green
Geteilt komplementär +150° +210°
- 553A76
Loden Purple
- 594800
≈ Sugarloaf Brown
- 08592E
≈ Crusoe
Tetradisch +90° +180° +270°
- 553A76
Loden Purple
- 773123
≈ Corrosion Red
- 405200
≈ Highlands Moss
- 005361
≈ Sandalwood Grey Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.32:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.25:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--loden-purple: #553a76;
--loden-purple-rgb: 85 58 118;
--loden-purple-oklch: oklch(0.408 0.101 303);
}
.element {
color: var(--loden-purple);
background-color: hsl(267 34% 35%);
border-color: oklch(0.408 0.101 303);
}Tailwind CSS v4
@theme {
--color-loden-purple: #553a76;
--color-loden-purple-50: #fceeff;
--color-loden-purple-100: #efe0ff;
--color-loden-purple-200: #decaf8;
--color-loden-purple-300: #c3abe1;
--color-loden-purple-400: #aa90d0;
--color-loden-purple-500: #9475bd;
--color-loden-purple-600: #7d63a0;
--color-loden-purple-700: #644f80;
--color-loden-purple-800: #483a60;
--color-loden-purple-900: #322843;
--color-loden-purple-950: #1e152b;
}SCSS
$loden-purple: #553a76;
$loden-purple-rgb: 85, 58, 118;
$loden-purple-light: mix(#fff, $loden-purple, 20%);
$loden-purple-dark: mix(#000, $loden-purple, 20%);
.element {
color: $loden-purple;
box-shadow: 0 0 0 2px rgba($loden-purple, 0.35);
}