Benannte Farbe · #583580
Kingfisher Daisy
Kingfisher Daisy ist #583580: rgb(88 53 128), hsl(268 41% 35%), oklch(0.409 0.123 302.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Kingfisher Daisy color name →
#583580
oklch(0.409 0.123 302.9)
Farbumrechnungen
- HEX
- #583580
- RGB
- rgb(88 53 128)
- HSL
- hsl(268 41% 35%)
- HWB
- hwb(268 21% 50%)
- OKLCH
- oklch(0.409 0.123 302.9)
- OKLab
- oklab(0.409 0.067 -0.104)
- CIE Lab
- lab(29.49 28.29 -37.07)
- LCH
- lch(29.49 46.64 307.3)
- CMYK
- cmyk(31% 59% 0% 50%)
Tints · Shades · Tones
Tints
- 67498D
- 765C9A
- 866FA7
- 9783B3
- A797C0
- B8ABCD
- C9C0D9
- DBD4E6
- EDEAF2
Shades
- 4B2D6E
- 3F255D
- 331D4D
- 28153D
- 1D0E2E
- 12081F
- 090312
- 030106
- 000001
Tones
- 5C3D81
- 604581
- 634D82
- 675582
- 6B5C82
- 6F6382
- 736B82
- 787281
- 7C7981
Farbharmonien
Komplementär +180°
- 583580
Kingfisher Daisy
- 405200
≈ Highlands Moss
Analog -30° +30°
- 583580
Kingfisher Daisy
- 35418C
≈ Clematis Blue
- 6F2B66
≈ Byzantium
Triadisch +120° +240°
- 583580
Kingfisher Daisy
- 6D3D00
≈ Bloodtracker Brown
- 00574E
≈ Castleton Green
Geteilt komplementär +150° +210°
- 583580
Kingfisher Daisy
- 5A4800
≈ Sugarloaf Brown
- 005A2C
≈ Sombre Green
Tetradisch +90° +180° +270°
- 583580
Kingfisher Daisy
- 7F2818
≈ Caponata
- 405200
≈ Highlands Moss
- 005461
≈ Rainy Morning
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.39:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.23:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.39:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--kingfisher-daisy: #583580;
--kingfisher-daisy-rgb: 88 53 128;
--kingfisher-daisy-oklch: oklch(0.409 0.123 302.9);
}
.element {
color: var(--kingfisher-daisy);
background-color: hsl(268 41% 35%);
border-color: oklch(0.409 0.123 302.9);
}Tailwind CSS v4
@theme {
--color-kingfisher-daisy: #583580;
--color-kingfisher-daisy-50: #fdedff;
--color-kingfisher-daisy-100: #f1deff;
--color-kingfisher-daisy-200: #e0c8ff;
--color-kingfisher-daisy-300: #c6a8eb;
--color-kingfisher-daisy-400: #ad8cda;
--color-kingfisher-daisy-500: #9770c9;
--color-kingfisher-daisy-600: #7f5faa;
--color-kingfisher-daisy-700: #664c88;
--color-kingfisher-daisy-800: #4a3766;
--color-kingfisher-daisy-900: #332648;
--color-kingfisher-daisy-950: #1f142f;
}SCSS
$kingfisher-daisy: #583580;
$kingfisher-daisy-rgb: 88, 53, 128;
$kingfisher-daisy-light: mix(#fff, $kingfisher-daisy, 20%);
$kingfisher-daisy-dark: mix(#000, $kingfisher-daisy, 20%);
.element {
color: $kingfisher-daisy;
box-shadow: 0 0 0 2px rgba($kingfisher-daisy, 0.35);
}