Najbliższy nazwany kolor · #D79C81
#D79C81
Najbliższy nazwany kolor: Blushing Rose
#D79C81 (rgb(215 156 129), hsl(19 52% 67%), oklch(0.743 0.08 45.6)) jest najbliższy nazwanemu kolorowi Blushing Rose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D79C81
oklch(0.743 0.08 45.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCA68D
- E0B09A
- E4B9A6
- E8C3B3
- ECCDBF
- F0D7CC
- F4E1D8
- F8EBE5
- FCF5F2
Odcienie ciemniejsze
- BB876F
- 9F735E
- 855F4E
- 6B4C3E
- 52392E
- 3B281F
- 251812
- 110906
- 020101
Tony
- CE9981
- C69781
- BD9481
- B49181
- AC8E81
- A38C81
- 9A8981
- 928681
- 898380
Harmonie kolorów
Komplementarna +180°
- D79C81
Blushing Rose
- 71B7D2
≈ Blue Brocade
Analogowa -30° +30°
- D79C81
Blushing Rose
- DA979B
≈ Parrot Pink
- C9A571
≈ Mustard Seed Beige
Triada +120° +240°
- D79C81
Blushing Rose
- 79BCA0
≈ Neptune Green
- A6A5DD
≈ Simply Violet
Komplementarna rozszczepiona +150° +210°
- D79C81
Blushing Rose
- 6ABCBC
≈ Fresh Soft Blue
- 8AAEDE
≈ Birdie Num Num
Tetrada +90° +180° +270°
- D79C81
Blushing Rose
- 95B885
≈ Willow Dyed
- 71B7D2
≈ Blue Brocade
- BF9CCF
≈ Turnip Crown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.96:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
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);
}