Benannte Farbe · #55295B
Kuwanomi Purple
Kuwanomi Purple ist #55295B: rgb(85 41 91), hsl(293 38% 26%), oklch(0.362 0.098 322.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Kuwanomi Purple color name →
#55295B
oklch(0.362 0.098 322.7)
Farbumrechnungen
- HEX
- #55295b
- RGB
- rgb(85 41 91)
- HSL
- hsl(293 38% 26%)
- HWB
- hwb(293 16% 64%)
- OKLCH
- oklch(0.362 0.098 322.7)
- OKLab
- oklab(0.362 0.078 -0.059)
- CIE Lab
- lab(24.47 27.09 -21.39)
- LCH
- lch(24.47 34.52 321.7)
- CMYK
- cmyk(7% 55% 0% 64%)
Tints · Shades · Tones
Tints
- 653D6A
- 75517A
- 86658A
- 977A9A
- A88FAA
- B9A4BB
- CABACC
- DBD1DD
- EDE8EE
Shades
- 49224E
- 3D1C41
- 311535
- 260F29
- 1C091E
- 110513
- 080209
- 020103
- 000000
Tones
- 5A325F
- 5E3B63
- 634467
- 674C6A
- 6B556E
- 705D72
- 746675
- 786F79
- 7C777D
Farbharmonien
Komplementär +180°
- 55295B
Kuwanomi Purple
- 184A16
≈ Pine Green
Analog -30° +30°
- 55295B
Kuwanomi Purple
- 40316C
≈ Minsk
- 622442
≈ Quills of Terico
Triadisch +120° +240°
- 55295B
Kuwanomi Purple
- 503900
≈ Pineapple
- 00474C
≈ Incubi Darkness
Geteilt komplementär +150° +210°
- 55295B
Kuwanomi Purple
- 3E4100
≈ Green Not Found
- 00493A
≈ Aqua Deep
Tetradisch +90° +180° +270°
- 55295B
Kuwanomi Purple
- 622D00
≈ Count Chocula
- 184A16
≈ Pine Green
- 00435E
≈ Loyal Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.32:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.85:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.32:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--kuwanomi-purple: #55295b;
--kuwanomi-purple-rgb: 85 41 91;
--kuwanomi-purple-oklch: oklch(0.362 0.098 322.7);
}
.element {
color: var(--kuwanomi-purple);
background-color: hsl(293 38% 26%);
border-color: oklch(0.362 0.098 322.7);
}Tailwind CSS v4
@theme {
--color-kuwanomi-purple: #55295b;
--color-kuwanomi-purple-50: #ffecff;
--color-kuwanomi-purple-100: #f9ddfa;
--color-kuwanomi-purple-200: #eac7ec;
--color-kuwanomi-purple-300: #d1a7d3;
--color-kuwanomi-purple-400: #ba8bc0;
--color-kuwanomi-purple-500: #a56fac;
--color-kuwanomi-purple-600: #8b5e91;
--color-kuwanomi-purple-700: #704b74;
--color-kuwanomi-purple-800: #523757;
--color-kuwanomi-purple-900: #39253d;
--color-kuwanomi-purple-950: #231426;
}SCSS
$kuwanomi-purple: #55295b;
$kuwanomi-purple-rgb: 85, 41, 91;
$kuwanomi-purple-light: mix(#fff, $kuwanomi-purple, 20%);
$kuwanomi-purple-dark: mix(#000, $kuwanomi-purple, 20%);
.element {
color: $kuwanomi-purple;
box-shadow: 0 0 0 2px rgba($kuwanomi-purple, 0.35);
}