Benannte Farbe · #584C77
Saffron Crocus
Saffron Crocus ist #584C77: rgb(88 76 119), hsl(257 22% 38%), oklch(0.447 0.07 296.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Saffron Crocus color name →
#584C77
oklch(0.447 0.07 296.3)
Farbumrechnungen
- HEX
- #584c77
- RGB
- rgb(88 76 119)
- HSL
- hsl(257 22% 38%)
- HWB
- hwb(257 30% 53%)
- OKLCH
- oklch(0.447 0.07 296.3)
- OKLab
- oklab(0.447 0.031 -0.063)
- CIE Lab
- lab(34.94 12.78 -22.92)
- LCH
- lch(34.94 26.24 299.1)
- CMYK
- cmyk(26% 36% 0% 53%)
Tints · Shades · Tones
Tints
- 675C84
- 766D91
- 867E9F
- 9790AC
- A7A2BA
- B8B4C7
- C9C6D5
- DBD9E3
- EDECF1
Shades
- 4B4167
- 3F3657
- 332C47
- 282238
- 1D182A
- 120F1C
- 090610
- 030205
- 000001
Tones
- 5C5178
- 605679
- 645C7A
- 67617B
- 6B667C
- 6F6B7D
- 74707E
- 78767F
- 7C7B7F
Farbharmonien
Komplementär +180°
- 584C77
Saffron Crocus
- 525929
≈ Soldier Green
Analog -30° +30°
- 584C77
Saffron Crocus
- 42537C
≈ Deep Azure
- 694669
≈ Sultana
Triadisch +120° +240°
- 584C77
Saffron Crocus
- 724A2C
≈ Taj
- 1E6153
≈ Teal Drama
Geteilt komplementär +150° +210°
- 584C77
Saffron Crocus
- 665122
≈ Field Drab
- 395F3D
≈ Verde Garrafa
Tetradisch +90° +180° +270°
- 584C77
Saffron Crocus
- 77443F
≈ Rocky Mountain Red
- 525929
≈ Soldier Green
- 135F68
≈ Tropical Skies
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.73:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.71:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--saffron-crocus: #584c77;
--saffron-crocus-rgb: 88 76 119;
--saffron-crocus-oklch: oklch(0.447 0.07 296.3);
}
.element {
color: var(--saffron-crocus);
background-color: hsl(257 22% 38%);
border-color: oklch(0.447 0.07 296.3);
}Tailwind CSS v4
@theme {
--color-saffron-crocus: #584c77;
--color-saffron-crocus-50: #f7f1ff;
--color-saffron-crocus-100: #eae3fd;
--color-saffron-crocus-200: #d8ceef;
--color-saffron-crocus-300: #bbb0d7;
--color-saffron-crocus-400: #a296c4;
--color-saffron-crocus-500: #8a7db0;
--color-saffron-crocus-600: #756a94;
--color-saffron-crocus-700: #5e5477;
--color-saffron-crocus-800: #443e59;
--color-saffron-crocus-900: #2f2a3e;
--color-saffron-crocus-950: #1b1827;
}SCSS
$saffron-crocus: #584c77;
$saffron-crocus-rgb: 88, 76, 119;
$saffron-crocus-light: mix(#fff, $saffron-crocus, 20%);
$saffron-crocus-dark: mix(#000, $saffron-crocus, 20%);
.element {
color: $saffron-crocus;
box-shadow: 0 0 0 2px rgba($saffron-crocus, 0.35);
}