Najbliższy nazwany kolor · #D0ACA9
#D0ACA9
Najbliższy nazwany kolor: Parfait
#D0ACA9 (rgb(208 172 169), hsl(5 29% 74%), oklch(0.776 0.042 23.7)) jest najbliższy nazwanemu kolorowi Parfait. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D0ACA9
oklch(0.776 0.042 23.7)
Konwersje koloru
- HEX
- #d0aca9
- RGB
- rgb(208 172 169)
- HSL
- hsl(5 29% 74%)
- HWB
- hwb(5 66% 18%)
- OKLCH
- oklch(0.776 0.042 23.7)
- OKLab
- oklab(0.776 0.039 0.017)
- CIE Lab
- lab(73.55 13.18 6.73)
- LCH
- lch(73.55 14.79 27.1)
- CMYK
- cmyk(0% 17% 19% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5B4B1
- DABCBA
- DEC4C2
- E3CDCB
- E8D5D3
- EDDDDC
- F1E6E5
- F6EEED
- FAF6F6
Odcienie ciemniejsze
- B59592
- 9A7F7C
- 806967
- 675453
- 4F403F
- 392D2C
- 231B1B
- 100B0A
- 020101
Tony
- C8A8A5
- C0A3A1
- B89F9D
- B09A98
- A89694
- A09190
- 988D8C
- 908988
- 888484
Harmonie kolorów
Komplementarna +180°
- D0ACA9
Parfait
- 97BEC2
≈ Bel Esprit
Analogowa -30° +30°
- D0ACA9
Parfait
- CDABB8
≈ Sugarplum Dance
- CDAF9D
≈ Frappé
Triada +120° +240°
- D0ACA9
Parfait
- A6BDA5
≈ Bryophyte
- A8B6D2
≈ Minuet
Komplementarna rozszczepiona +150° +210°
- D0ACA9
Parfait
- 9BBFB4
≈ Shadow Green
- 9CBBCD
≈ Partly Cloudy
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.15:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--parfait: #d0aca9;
--parfait-rgb: 208 172 169;
--parfait-oklch: oklch(0.776 0.042 23.7);
}
.element {
color: var(--parfait);
background-color: hsl(5 29% 74%);
border-color: oklch(0.776 0.042 23.7);
}Tailwind CSS v4
@theme {
--color-parfait: #d0aca9;
--color-parfait-50: #fff1ef;
--color-parfait-100: #f6e3e1;
--color-parfait-200: #e6cecb;
--color-parfait-300: #ccb0ac;
--color-parfait-400: #b69592;
--color-parfait-500: #a17c79;
--color-parfait-600: #886966;
--color-parfait-700: #6d5452;
--color-parfait-800: #503d3c;
--color-parfait-900: #382a29;
--color-parfait-950: #221717;
}SCSS
$parfait: #d0aca9;
$parfait-rgb: 208, 172, 169;
$parfait-light: mix(#fff, $parfait, 20%);
$parfait-dark: mix(#000, $parfait, 20%);
.element {
color: $parfait;
box-shadow: 0 0 0 2px rgba($parfait, 0.35);
}