Colore con nome · #5C3C6D
Honey Flower
Honey Flower è #5C3C6D: rgb(92 60 109), hsl(279 29% 33%), oklch(0.414 0.087 313.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Honey Flower color name →
#5C3C6D
oklch(0.414 0.087 313.1)
Conversioni di colore
- HEX
- #5c3c6d
- RGB
- rgb(92 60 109)
- HSL
- hsl(279 29% 33%)
- HWB
- hwb(279 24% 57%)
- OKLCH
- oklch(0.414 0.087 313.1)
- OKLab
- oklab(0.414 0.06 -0.064)
- CIE Lab
- lab(30.75 21.83 -23.11)
- LCH
- lch(30.75 31.79 313.4)
- CMYK
- cmyk(16% 45% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 6B4E7B
- 7A6089
- 8A7397
- 9A86A6
- AA99B4
- BBADC3
- CBC1D2
- DCD5E1
- EEEAF0
Ombre
- 4F335E
- 422A4F
- 362141
- 2A1933
- 1F1126
- 140A19
- 0A040D
- 030104
- 000001
Toni
- 60436F
- 634A71
- 675173
- 6B5775
- 6E5E77
- 726579
- 756C7B
- 79727D
- 7C797E
Armonie di colore
Complementare +180°
- 5C3C6D
Honey Flower
- 385520
≈ Navy Green
Analogo -30° +30°
- 5C3C6D
Honey Flower
- 454479
≈ Deep Wisteria
- 6B3658
≈ Blasted Lands Rocks
Triadico +120° +240°
- 5C3C6D
Honey Flower
- 684301
≈ Violin Brown
- 005756
≈ Overboard
Complementare divisa +150° +210°
- 5C3C6D
Honey Flower
- 544D00
≈ Scorzonera Brown
- 055A3E
≈ Billiard Table
Tetradico +90° +180° +270°
- 5C3C6D
Honey Flower
- 723A21
≈ Rosewood Brown
- 385520
≈ Navy Green
- 00546A
≈ Blue Palisade
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.04:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.32:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.04:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--honey-flower: #5c3c6d;
--honey-flower-rgb: 92 60 109;
--honey-flower-oklch: oklch(0.414 0.087 313.1);
}
.element {
color: var(--honey-flower);
background-color: hsl(279 29% 33%);
border-color: oklch(0.414 0.087 313.1);
}Tailwind CSS v4
@theme {
--color-honey-flower: #5c3c6d;
--color-honey-flower-50: #ffeeff;
--color-honey-flower-100: #f3e0fc;
--color-honey-flower-200: #e3caee;
--color-honey-flower-300: #c9aad7;
--color-honey-flower-400: #b18fc4;
--color-honey-flower-500: #9b75af;
--color-honey-flower-600: #836394;
--color-honey-flower-700: #694f77;
--color-honey-flower-800: #4c3a59;
--color-honey-flower-900: #35273e;
--color-honey-flower-950: #201527;
}SCSS
$honey-flower: #5c3c6d;
$honey-flower-rgb: 92, 60, 109;
$honey-flower-light: mix(#fff, $honey-flower, 20%);
$honey-flower-dark: mix(#000, $honey-flower, 20%);
.element {
color: $honey-flower;
box-shadow: 0 0 0 2px rgba($honey-flower, 0.35);
}