Benannte Farbe · #D98899
Rambling Rose
Rambling Rose ist #D98899: rgb(217 136 153), hsl(347 52% 69%), oklch(0.715 0.101 6.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rambling Rose color name →
#D98899
oklch(0.715 0.101 6.3)
Farbumrechnungen
- HEX
- #d98899
- RGB
- rgb(217 136 153)
- HSL
- hsl(347 52% 69%)
- HWB
- hwb(347 53% 15%)
- OKLCH
- oklch(0.715 0.101 6.3)
- OKLab
- oklab(0.715 0.1 0.011)
- CIE Lab
- lab(65.76 33.37 4.69)
- LCH
- lch(65.76 33.7 8)
- CMYK
- cmyk(0% 37% 29% 15%)
Tints · Shades · Tones
Tints
- DE94A3
- E2A0AD
- E7ABB7
- EBB7C1
- EFC3CB
- F2CFD5
- F6DBDF
- F9E7EA
- FCF3F4
Shades
- BC7584
- A16370
- 86525D
- 6C414A
- 533138
- 3B2227
- 251317
- 110608
- 020101
Tones
- D08896
- C88794
- BF8691
- B6868F
- AD858C
- A5848A
- 9C8387
- 938285
- 898182
Farbharmonien
Komplementär +180°
- D98899
Rambling Rose
- 4AB8AD
≈ Green Grapple
Analog -30° +30°
- D98899
Rambling Rose
- CB8BBB
≈ Rock Star Pink
- DA8C76
≈ Vintage Coral
Triadisch +120° +240°
- D98899
Rambling Rose
- 93AF68
≈ Herbal Garden
- 6CA9DF
≈ Greek Sea
Geteilt komplementär +150° +210°
- D98899
Rambling Rose
- 6BB689
≈ Frog Pond
- 4BB3CC
≈ Viking
Tetradisch +90° +180° +270°
- D98899
Rambling Rose
- B6A355
≈ Gingko Leaf
- 4AB8AD
≈ Green Grapple
- 929EE2
≈ Dalmatian Sage
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--rambling-rose: #d98899;
--rambling-rose-rgb: 217 136 153;
--rambling-rose-oklch: oklch(0.715 0.101 6.3);
}
.element {
color: var(--rambling-rose);
background-color: hsl(347 52% 69%);
border-color: oklch(0.715 0.101 6.3);
}Tailwind CSS v4
@theme {
--color-rambling-rose: #d98899;
--color-rambling-rose-50: #ffeaef;
--color-rambling-rose-100: #ffdbe1;
--color-rambling-rose-200: #fcc3cc;
--color-rambling-rose-300: #e5a2ad;
--color-rambling-rose-400: #d18595;
--color-rambling-rose-500: #be687b;
--color-rambling-rose-600: #a05869;
--color-rambling-rose-700: #814654;
--color-rambling-rose-800: #5f333e;
--color-rambling-rose-900: #43222b;
--color-rambling-rose-950: #2b1118;
}SCSS
$rambling-rose: #d98899;
$rambling-rose-rgb: 217, 136, 153;
$rambling-rose-light: mix(#fff, $rambling-rose, 20%);
$rambling-rose-dark: mix(#000, $rambling-rose, 20%);
.element {
color: $rambling-rose;
box-shadow: 0 0 0 2px rgba($rambling-rose, 0.35);
}