Nächste benannte Farbe · #C98996
#C98996
Nächste benannte Farbe: Rosetti
#C98996 (rgb(201 137 150), hsl(348 37% 66%), oklch(0.698 0.08 6)) liegt am nächsten an der benannten Farbe Rosetti. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C98996
oklch(0.698 0.08 6)
Farbumrechnungen
- HEX
- #c98996
- RGB
- rgb(201 137 150)
- HSL
- hsl(348 37% 66%)
- HWB
- hwb(348 54% 21%)
- OKLCH
- oklch(0.698 0.08 6)
- OKLab
- oklab(0.698 0.079 0.008)
- CIE Lab
- lab(63.98 26.49 3.53)
- LCH
- lch(63.98 26.73 7.6)
- CMYK
- cmyk(0% 32% 25% 21%)
Tints · Shades · Tones
Tints
- CF95A0
- D5A0AA
- DBACB4
- E0B7BF
- E6C3C9
- EBCFD4
- F0DBDE
- F5E7E9
- FAF3F4
Shades
- AE7682
- 95646E
- 7C535B
- 644249
- 4C3137
- 362226
- 221416
- 0F0708
- 020101
Tones
- C28894
- BB8892
- B4878F
- AC868D
- A5858B
- 9E8489
- 978387
- 8F8284
- 888182
Farbharmonien
Komplementär +180°
- C98996
Rosetti
- 5FAEA5
≈ Green Crush
Analog -30° +30°
- C98996
Rosetti
- BE8BB1
≈ Lavender Quartz
- CA8C7B
≈ Ginger Scent
Triadisch +120° +240°
- C98996
Rosetti
- 91A770
≈ Lettuce Mound
- 74A3CD
≈ Overcast
Geteilt komplementär +150° +210°
- C98996
Rosetti
- 74AD89
≈ Melon Green
- 5FAABD
≈ Blue Mist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--rosetti: #c98996;
--rosetti-rgb: 201 137 150;
--rosetti-oklch: oklch(0.698 0.08 6);
}
.element {
color: var(--rosetti);
background-color: hsl(348 37% 66%);
border-color: oklch(0.698 0.08 6);
}Tailwind CSS v4
@theme {
--color-rosetti: #c98996;
--color-rosetti-50: #ffecf1;
--color-rosetti-100: #ffdde3;
--color-rosetti-200: #f4c7ce;
--color-rosetti-300: #dca7af;
--color-rosetti-400: #c88b97;
--color-rosetti-500: #b36f7e;
--color-rosetti-600: #985f6b;
--color-rosetti-700: #7a4b55;
--color-rosetti-800: #5a363f;
--color-rosetti-900: #3f252b;
--color-rosetti-950: #281419;
}SCSS
$rosetti: #c98996;
$rosetti-rgb: 201, 137, 150;
$rosetti-light: mix(#fff, $rosetti, 20%);
$rosetti-dark: mix(#000, $rosetti, 20%);
.element {
color: $rosetti;
box-shadow: 0 0 0 2px rgba($rosetti, 0.35);
}