Benannte Farbe · #C58F94
Dogwood Bloom
Dogwood Bloom ist #C58F94: rgb(197 143 148), hsl(354 32% 67%), oklch(0.704 0.066 12.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dogwood Bloom color name →
#C58F94
oklch(0.704 0.066 12.7)
Farbumrechnungen
- HEX
- #c58f94
- RGB
- rgb(197 143 148)
- HSL
- hsl(354 32% 67%)
- HWB
- hwb(354 56% 23%)
- OKLCH
- oklch(0.704 0.066 12.7)
- OKLab
- oklab(0.704 0.064 0.015)
- CIE Lab
- lab(64.89 21.61 5.87)
- LCH
- lch(64.89 22.4 15.2)
- CMYK
- cmyk(0% 27% 25% 23%)
Tints · Shades · Tones
Tints
- CB9A9E
- D1A5A9
- D7B0B3
- DDBBBE
- E3C6C8
- E9D1D3
- EFDDDE
- F4E8E9
- FAF3F4
Shades
- AB7C80
- 92696D
- 79575A
- 614548
- 4B3436
- 352426
- 211516
- 0E0708
- 020101
Tones
- BE8E92
- B78C90
- B18B8E
- AA898C
- A3888A
- 9C8688
- 958586
- 8E8384
- 878282
Farbharmonien
Komplementär +180°
- C58F94
Dogwood Bloom
- 6DADAB
≈ Poolrooms
Analog -30° +30°
- C58F94
Dogwood Bloom
- BD90AB
≈ Fabulous Fantasy
- C4937F
≈ Sweet Beige
Triadisch +120° +240°
- C58F94
Dogwood Bloom
- 90A97E
≈ Lounge Green
- 82A3C8
≈ Paula Loves Paris
Geteilt komplementär +150° +210°
- C58F94
Dogwood Bloom
- 7AAD94
≈ Nature Green
- 71A9BE
≈ Milky Blue
Tetradisch +90° +180° +270°
- C58F94
Dogwood Bloom
- A7A272
≈ Throw Rug
- 6DADAB
≈ Poolrooms
- 999BC8
≈ Grape Ivy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.71:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.73:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--dogwood-bloom: #c58f94;
--dogwood-bloom-rgb: 197 143 148;
--dogwood-bloom-oklch: oklch(0.704 0.066 12.7);
}
.element {
color: var(--dogwood-bloom);
background-color: hsl(354 32% 67%);
border-color: oklch(0.704 0.066 12.7);
}Tailwind CSS v4
@theme {
--color-dogwood-bloom: #c58f94;
--color-dogwood-bloom-50: #ffeeef;
--color-dogwood-bloom-100: #fde0e1;
--color-dogwood-bloom-200: #efc9cb;
--color-dogwood-bloom-300: #d7aaad;
--color-dogwood-bloom-400: #c28f93;
--color-dogwood-bloom-500: #ad747a;
--color-dogwood-bloom-600: #926267;
--color-dogwood-bloom-700: #754f52;
--color-dogwood-bloom-800: #57393d;
--color-dogwood-bloom-900: #3d272a;
--color-dogwood-bloom-950: #261517;
}SCSS
$dogwood-bloom: #c58f94;
$dogwood-bloom-rgb: 197, 143, 148;
$dogwood-bloom-light: mix(#fff, $dogwood-bloom, 20%);
$dogwood-bloom-dark: mix(#000, $dogwood-bloom, 20%);
.element {
color: $dogwood-bloom;
box-shadow: 0 0 0 2px rgba($dogwood-bloom, 0.35);
}