Benannte Farbe · #B5485D
Dark Rose
Dark Rose ist #B5485D: rgb(181 72 93), hsl(348 43% 50%), oklch(0.552 0.142 11.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dark Rose color name →
#B5485D
oklch(0.552 0.142 11.2)
Farbumrechnungen
- HEX
- #b5485d
- RGB
- rgb(181 72 93)
- HSL
- hsl(348 43% 50%)
- HWB
- hwb(348 28% 29%)
- OKLCH
- oklch(0.552 0.142 11.2)
- OKLab
- oklab(0.552 0.139 0.028)
- CIE Lab
- lab(46.43 46.33 11.77)
- LCH
- lch(46.43 47.8 14.3)
- CMYK
- cmyk(0% 60% 49% 29%)
Tints · Shades · Tones
Tints
- BE5B6C
- C76E7B
- D0808B
- D8929B
- DFA4AB
- E7B6BB
- EDC8CC
- F4DADD
- FAEDEE
Shades
- 9D3D50
- 863343
- 6F2937
- 591F2A
- 44161F
- 300D14
- 1D060A
- 0C0203
- 020000
Tones
- B14F61
- AD5664
- A85C67
- A3626B
- 9E686E
- 996D72
- 937275
- 8D7779
- 877B7C
Farbharmonien
Komplementär +180°
- B5485D
Dark Rose
- 008380
≈ Pond Bath
Analog -30° +30°
- B5485D
Dark Rose
- A74C8A
≈ Plum Dust
- B45026
≈ Gold Flame
Triadisch +120° +240°
- B5485D
Dark Rose
- 538216
≈ Avocado
- 2374C2
≈ Bluish
Geteilt komplementär +150° +210°
- B5485D
Dark Rose
- 00885B
≈ Vital Green
- 007F9C
≈ Amazing Sky
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.18:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.04:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.18:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--dark-rose: #b5485d;
--dark-rose-rgb: 181 72 93;
--dark-rose-oklch: oklch(0.552 0.142 11.2);
}
.element {
color: var(--dark-rose);
background-color: hsl(348 43% 50%);
border-color: oklch(0.552 0.142 11.2);
}Tailwind CSS v4
@theme {
--color-dark-rose: #b5485d;
--color-dark-rose-50: #ffe5e9;
--color-dark-rose-100: #ffd5da;
--color-dark-rose-200: #ffbcc3;
--color-dark-rose-300: #f798a2;
--color-dark-rose-400: #e57889;
--color-dark-rose-500: #d2576e;
--color-dark-rose-600: #b14a5d;
--color-dark-rose-700: #8f3b4b;
--color-dark-rose-800: #6a2a38;
--color-dark-rose-900: #4b1c26;
--color-dark-rose-950: #310c14;
}SCSS
$dark-rose: #b5485d;
$dark-rose-rgb: 181, 72, 93;
$dark-rose-light: mix(#fff, $dark-rose, 20%);
$dark-rose-dark: mix(#000, $dark-rose, 20%);
.element {
color: $dark-rose;
box-shadow: 0 0 0 2px rgba($dark-rose, 0.35);
}