Benannte Farbe · #D9BCB7
Rose Yoghurt
Rose Yoghurt ist #D9BCB7: rgb(217 188 183), hsl(9 31% 78%), oklch(0.819 0.034 29.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Rose Yoghurt color name →
#D9BCB7
oklch(0.819 0.034 29.4)
Farbumrechnungen
- HEX
- #d9bcb7
- RGB
- rgb(217 188 183)
- HSL
- hsl(9 31% 78%)
- HWB
- hwb(9 72% 15%)
- OKLCH
- oklch(0.819 0.034 29.4)
- OKLab
- oklab(0.819 0.03 0.017)
- CIE Lab
- lab(78.67 10.08 6.55)
- LCH
- lch(78.67 12.03 33)
- CMYK
- cmyk(0% 13% 16% 15%)
Tints · Shades · Tones
Tints
- DDC3BE
- E1C9C5
- E5D0CC
- E8D6D3
- ECDDDB
- F0E4E2
- F4EBE9
- F8F1F0
- FBF8F8
Shades
- BCA39F
- A18B87
- 867370
- 6C5D5A
- 534745
- 3B3231
- 251F1E
- 110D0C
- 020202
Tones
- D0B6B1
- C7B0AC
- BEAAA6
- B5A4A1
- AC9E9B
- A39896
- 9A9290
- 918C8B
- 898685
Farbharmonien
Komplementär +180°
- D9BCB7
Rose Yoghurt
- ABCAD0
≈ Floating Blue
Analog -30° +30°
- D9BCB7
Rose Yoghurt
- D7BBC3
≈ Frosted Sugar
- D5BFAE
≈ Elusive Dawn
Triadisch +120° +240°
- D9BCB7
Rose Yoghurt
- B5CAB8
≈ Pond’s Edge
- BBC3DB
≈ Blue Hydrangea
Geteilt komplementär +150° +210°
- D9BCB7
Rose Yoghurt
- ADCBC4
≈ Baby Aqua
- B0C7D8
≈ Cloudy Valley
Tetradisch +90° +180° +270°
- D9BCB7
Rose Yoghurt
- C1C7AF
≈ Cushion Bush
- ABCAD0
≈ Floating Blue
- C6BFD7
≈ Purpling Dawn
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.82:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--rose-yoghurt: #d9bcb7;
--rose-yoghurt-rgb: 217 188 183;
--rose-yoghurt-oklch: oklch(0.819 0.034 29.4);
}
.element {
color: var(--rose-yoghurt);
background-color: hsl(9 31% 78%);
border-color: oklch(0.819 0.034 29.4);
}Tailwind CSS v4
@theme {
--color-rose-yoghurt: #d9bcb7;
--color-rose-yoghurt-50: #fff2ef;
--color-rose-yoghurt-100: #f3e4e1;
--color-rose-yoghurt-200: #e2cfcb;
--color-rose-yoghurt-300: #c8b1ad;
--color-rose-yoghurt-400: #b29793;
--color-rose-yoghurt-500: #9c7e79;
--color-rose-yoghurt-600: #846b67;
--color-rose-yoghurt-700: #695552;
--color-rose-yoghurt-800: #4e3e3c;
--color-rose-yoghurt-900: #362b29;
--color-rose-yoghurt-950: #211817;
}SCSS
$rose-yoghurt: #d9bcb7;
$rose-yoghurt-rgb: 217, 188, 183;
$rose-yoghurt-light: mix(#fff, $rose-yoghurt, 20%);
$rose-yoghurt-dark: mix(#000, $rose-yoghurt, 20%);
.element {
color: $rose-yoghurt;
box-shadow: 0 0 0 2px rgba($rose-yoghurt, 0.35);
}