Benannte Farbe · #B56F76
Dusty Rose
Dusty Rose ist #B56F76: rgb(181 111 118), hsl(354 32% 57%), oklch(0.619 0.089 13.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dusty Rose color name →
#B56F76
oklch(0.619 0.089 13.5)
Farbumrechnungen
- HEX
- #b56f76
- RGB
- rgb(181 111 118)
- HSL
- hsl(354 32% 57%)
- HWB
- hwb(354 44% 29%)
- OKLCH
- oklch(0.619 0.089 13.5)
- OKLab
- oklab(0.619 0.087 0.021)
- CIE Lab
- lab(54.84 29.12 8.53)
- LCH
- lch(54.84 30.35 16.3)
- CMYK
- cmyk(0% 39% 35% 29%)
Tints · Shades · Tones
Tints
- BD7D83
- C58B90
- CD999D
- D5A7AB
- DCB6B8
- E3C4C6
- EBD3D4
- F2E1E2
- F8F0F1
Shades
- 9D6066
- 865156
- 6F4247
- 593438
- 442729
- 301A1C
- 1D0E0F
- 0C0405
- 020101
Tones
- B07177
- AB7378
- A67579
- A1777A
- 9C787B
- 977A7C
- 917C7D
- 8C7D7E
- 867F7F
Farbharmonien
Komplementär +180°
- B56F76
Dusty Rose
- 359795
≈ Java
Analog -30° +30°
- B56F76
Dusty Rose
- AC7094
≈ Purple Starburst
- B37459
≈ Sunburn
Triadisch +120° +240°
- B56F76
Dusty Rose
- 709259
≈ Piquant Green
- 5F89BB
≈ Danube
Geteilt komplementär +150° +210°
- B56F76
Dusty Rose
- 4D9777
≈ Good Luck
- 3F92AD
≈ Enchanted Well
Tetradisch +90° +180° +270°
- B56F76
Dusty Rose
- 8F8845
≈ Warm Wetlands
- 359795
≈ Java
- 7F7FBA
≈ Deep Periwinkle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.81:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.50:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--dusty-rose: #b56f76;
--dusty-rose-rgb: 181 111 118;
--dusty-rose-oklch: oklch(0.619 0.089 13.5);
}
.element {
color: var(--dusty-rose);
background-color: hsl(354 32% 57%);
border-color: oklch(0.619 0.089 13.5);
}Tailwind CSS v4
@theme {
--color-dusty-rose: #b56f76;
--color-dusty-rose-50: #ffebed;
--color-dusty-rose-100: #ffddde;
--color-dusty-rose-200: #f8c5c8;
--color-dusty-rose-300: #e1a5a8;
--color-dusty-rose-400: #cd898f;
--color-dusty-rose-500: #b96c75;
--color-dusty-rose-600: #9d5c63;
--color-dusty-rose-700: #7e4a4f;
--color-dusty-rose-800: #5d353a;
--color-dusty-rose-900: #412428;
--color-dusty-rose-950: #2a1316;
}SCSS
$dusty-rose: #b56f76;
$dusty-rose-rgb: 181, 111, 118;
$dusty-rose-light: mix(#fff, $dusty-rose, 20%);
$dusty-rose-dark: mix(#000, $dusty-rose, 20%);
.element {
color: $dusty-rose;
box-shadow: 0 0 0 2px rgba($dusty-rose, 0.35);
}