Nächste benannte Farbe · #957593
#957593
Nächste benannte Farbe: Amorous
#957593 (rgb(149 117 147), hsl(304 13% 52%), oklch(0.603 0.059 328.3)) liegt am nächsten an der benannten Farbe Amorous. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#957593
oklch(0.603 0.059 328.3)
Farbumrechnungen
- HEX
- #957593
- RGB
- rgb(149 117 147)
- HSL
- hsl(304 13% 52%)
- HWB
- hwb(304 46% 42%)
- OKLCH
- oklch(0.603 0.059 328.3)
- OKLab
- oklab(0.603 0.05 -0.031)
- CIE Lab
- lab(53.18 16.91 -11.34)
- LCH
- lch(53.18 20.36 326.2)
- CMYK
- cmyk(0% 21% 1% 42%)
Tints · Shades · Tones
Tints
- 9F829D
- AA8FA8
- B49DB2
- BFAABD
- C9B8C8
- D4C6D3
- DFD4DE
- E9E2E9
- F4F0F4
Shades
- 81657F
- 6D556C
- 5A4659
- 483747
- 372936
- 261C25
- 160F16
- 080508
- 010101
Tones
- 937691
- 91778F
- 8F798D
- 8D7A8C
- 8B7B8A
- 897C88
- 877D86
- 847E84
- 827F82
Farbharmonien
Komplementär +180°
- 957593
Amorous
- 698B6E
≈ Slate Green
Analog -30° +30°
- 957593
Amorous
- 857AA0
≈ Relic
- 9F7381
≈ Dusk Wine
Triadisch +120° +240°
- 957593
Amorous
- 908058
≈ Wood Chi
- 558B94
≈ Dusty Turquoise
Geteilt komplementär +150° +210°
- 957593
Amorous
- 7E865E
≈ Tuscany Hillside
- 598D81
≈ Chlorite
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.00:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.24:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.24:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--amorous: #957593;
--amorous-rgb: 149 117 147;
--amorous-oklch: oklch(0.603 0.059 328.3);
}
.element {
color: var(--amorous);
background-color: hsl(304 13% 52%);
border-color: oklch(0.603 0.059 328.3);
}Tailwind CSS v4
@theme {
--color-amorous: #957593;
--color-amorous-50: #ffeffd;
--color-amorous-100: #f4e1f1;
--color-amorous-200: #e3cce0;
--color-amorous-300: #c9adc6;
--color-amorous-400: #b293b0;
--color-amorous-500: #9c799a;
--color-amorous-600: #846682;
--color-amorous-700: #6a5268;
--color-amorous-800: #4d3b4d;
--color-amorous-900: #362936;
--color-amorous-950: #211721;
}SCSS
$amorous: #957593;
$amorous-rgb: 149, 117, 147;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}