Benannte Farbe · #C58F9D
Beetroot Rice
Beetroot Rice ist #C58F9D: rgb(197 143 157), hsl(344 32% 67%), oklch(0.706 0.068 1.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Beetroot Rice color name →
#C58F9D
oklch(0.706 0.068 1.9)
Farbumrechnungen
- HEX
- #c58f9d
- RGB
- rgb(197 143 157)
- HSL
- hsl(344 32% 67%)
- HWB
- hwb(344 56% 23%)
- OKLCH
- oklch(0.706 0.068 1.9)
- OKLab
- oklab(0.706 0.068 0.002)
- CIE Lab
- lab(65.09 22.6 1.1)
- LCH
- lch(65.09 22.63 2.8)
- CMYK
- cmyk(0% 27% 20% 23%)
Tints · Shades · Tones
Tints
- CB9AA6
- D1A5B0
- D7B0B9
- DDBBC3
- E3C6CD
- E9D1D7
- EEDDE1
- F4E8EB
- FAF3F5
Shades
- AB7C88
- 926973
- 79575F
- 61454C
- 4B343A
- 352428
- 211518
- 0E0709
- 020101
Tones
- BE8E9A
- B78C97
- B18B94
- AA8991
- A3888E
- 9C868B
- 958589
- 8E8386
- 878283
Farbharmonien
Komplementär +180°
- C58F9D
Beetroot Rice
- 6FAFA3
≈ Turquoise Fantasies
Analog -30° +30°
- C58F9D
Beetroot Rice
- BA91B3
≈ Tiny Ribbons
- C79186
≈ Evening Blush
Triadisch +120° +240°
- C58F9D
Beetroot Rice
- 99A778
≈ Forester
- 7BA6C7
≈ Seaborne
Geteilt komplementär +150° +210°
- C58F9D
Beetroot Rice
- 81AD8C
≈ Adventurine
- 6CACB9
≈ Well Water
Tetradisch +90° +180° +270°
- C58F9D
Beetroot Rice
- AFA06F
≈ Zucchini Garden
- 6FAFA3
≈ Turquoise Fantasies
- 919ECB
≈ Velvet Robe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.69:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.78:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--beetroot-rice: #c58f9d;
--beetroot-rice-rgb: 197 143 157;
--beetroot-rice-oklch: oklch(0.706 0.068 1.9);
}
.element {
color: var(--beetroot-rice);
background-color: hsl(344 32% 67%);
border-color: oklch(0.706 0.068 1.9);
}Tailwind CSS v4
@theme {
--color-beetroot-rice: #c58f9d;
--color-beetroot-rice-50: #ffeef3;
--color-beetroot-rice-100: #fddfe5;
--color-beetroot-rice-200: #efc9d1;
--color-beetroot-rice-300: #d7a9b3;
--color-beetroot-rice-400: #c18e9b;
--color-beetroot-rice-500: #ac7383;
--color-beetroot-rice-600: #92626f;
--color-beetroot-rice-700: #754e58;
--color-beetroot-rice-800: #563841;
--color-beetroot-rice-900: #3c272d;
--color-beetroot-rice-950: #26151a;
}SCSS
$beetroot-rice: #c58f9d;
$beetroot-rice-rgb: 197, 143, 157;
$beetroot-rice-light: mix(#fff, $beetroot-rice, 20%);
$beetroot-rice-dark: mix(#000, $beetroot-rice, 20%);
.element {
color: $beetroot-rice;
box-shadow: 0 0 0 2px rgba($beetroot-rice, 0.35);
}