Nächste benannte Farbe · #D79C81
#D79C81
Nächste benannte Farbe: Blushing Rose
#D79C81 (rgb(215 156 129), hsl(19 52% 67%), oklch(0.743 0.08 45.6)) liegt am nächsten an der benannten Farbe Blushing Rose. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D79C81
oklch(0.743 0.08 45.6)
Farbumrechnungen
- HEX
- #d79c81
- RGB
- rgb(215 156 129)
- HSL
- hsl(19 52% 67%)
- HWB
- hwb(19 51% 16%)
- OKLCH
- oklch(0.743 0.08 45.6)
- OKLab
- oklab(0.743 0.056 0.057)
- CIE Lab
- lab(69.67 20.21 23.32)
- LCH
- lch(69.67 30.86 49.1)
- CMYK
- cmyk(0% 27% 40% 16%)
Tints · Shades · Tones
Tints
- DCA68D
- E0B09A
- E4B9A6
- E8C3B3
- ECCDBF
- F0D7CC
- F4E1D8
- F8EBE5
- FCF5F2
Shades
- BB876F
- 9F735E
- 855F4E
- 6B4C3E
- 52392E
- 3B281F
- 251812
- 110906
- 020101
Tones
- CE9981
- C69781
- BD9481
- B49181
- AC8E81
- A38C81
- 9A8981
- 928681
- 898380
Farbharmonien
Komplementär +180°
- D79C81
Blushing Rose
- 71B7D2
≈ Blue Brocade
Analog -30° +30°
- D79C81
Blushing Rose
- DA979B
≈ Parrot Pink
- C9A571
≈ Mustard Seed Beige
Triadisch +120° +240°
- D79C81
Blushing Rose
- 79BCA0
≈ Neptune Green
- A6A5DD
≈ Simply Violet
Geteilt komplementär +150° +210°
- D79C81
Blushing Rose
- 6ABCBC
≈ Fresh Soft Blue
- 8AAEDE
≈ Birdie Num Num
Tetradisch +90° +180° +270°
- D79C81
Blushing Rose
- 95B885
≈ Willow Dyed
- 71B7D2
≈ Blue Brocade
- BF9CCF
≈ Turnip Crown
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.96:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--blushing-rose: #d79c81;
--blushing-rose-rgb: 215 156 129;
--blushing-rose-oklch: oklch(0.743 0.08 45.6);
}
.element {
color: var(--blushing-rose);
background-color: hsl(19 52% 67%);
border-color: oklch(0.743 0.08 45.6);
}Tailwind CSS v4
@theme {
--color-blushing-rose: #d79c81;
--color-blushing-rose-50: #ffefe2;
--color-blushing-rose-100: #ffe1d1;
--color-blushing-rose-200: #f2cbb7;
--color-blushing-rose-300: #dbac94;
--color-blushing-rose-400: #c79076;
--color-blushing-rose-500: #b37558;
--color-blushing-rose-600: #97634b;
--color-blushing-rose-700: #794f3c;
--color-blushing-rose-800: #5a392b;
--color-blushing-rose-900: #3f271d;
--color-blushing-rose-950: #28150d;
}SCSS
$blushing-rose: #d79c81;
$blushing-rose-rgb: 215, 156, 129;
$blushing-rose-light: mix(#fff, $blushing-rose, 20%);
$blushing-rose-dark: mix(#000, $blushing-rose, 20%);
.element {
color: $blushing-rose;
box-shadow: 0 0 0 2px rgba($blushing-rose, 0.35);
}