Najbliższy nazwany kolor · #D9A8A0
#D9A8A0
Najbliższy nazwany kolor: La Vie en Rose
#D9A8A0 (rgb(217 168 160), hsl(8 43% 74%), oklch(0.774 0.059 29.1)) jest najbliższy nazwanemu kolorowi La Vie en Rose. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D9A8A0
oklch(0.774 0.059 29.1)
Konwersje koloru
- HEX
- #d9a8a0
- RGB
- rgb(217 168 160)
- HSL
- hsl(8 43% 74%)
- HWB
- hwb(8 63% 15%)
- OKLCH
- oklch(0.774 0.059 29.1)
- OKLab
- oklab(0.774 0.052 0.029)
- CIE Lab
- lab(73.31 17.71 11.44)
- LCH
- lch(73.31 21.09 32.9)
- CMYK
- cmyk(0% 23% 26% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDB1A9
- E1B9B2
- E5C2BC
- E9CAC5
- EDD3CF
- F1DCD8
- F4E5E2
- F8EDEB
- FCF6F5
Odcienie ciemniejsze
- BC928B
- A17C76
- 866761
- 6C524E
- 533F3B
- 3B2C29
- 251A19
- 110A09
- 020101
Tony
- D0A49D
- C7A09A
- BE9C96
- B59893
- AC9490
- A3908D
- 9A8C8A
- 928886
- 898483
Harmonie kolorów
Komplementarna +180°
- D9A8A0
La Vie en Rose
- 89C1CA
≈ Antigua Sand
Analogowa -30° +30°
- D9A8A0
La Vie en Rose
- D6A6B5
≈ Pink Nectar
- D3AD90
≈ Fossil Tan
Triada +120° +240°
- D9A8A0
La Vie en Rose
- 9CC1A1
≈ Spruce Stone
- A6B5DC
≈ Sassy Violet
Komplementarna rozszczepiona +150° +210°
- D9A8A0
La Vie en Rose
- 8CC3B6
≈ Catarina Green
- 93BCD8
≈ Manakin
Tetrada +90° +180° +270°
- D9A8A0
La Vie en Rose
- B1BC91
≈ Gloaming Green
- 89C1CA
≈ Antigua Sand
- BAAED7
≈ Delicate Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.08:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 10.05:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--la-vie-en-rose: #d9a8a0;
--la-vie-en-rose-rgb: 217 168 160;
--la-vie-en-rose-oklch: oklch(0.774 0.059 29.1);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(8 43% 74%);
border-color: oklch(0.774 0.059 29.1);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #d9a8a0;
--color-la-vie-en-rose-50: #ffefeb;
--color-la-vie-en-rose-100: #fbe1dc;
--color-la-vie-en-rose-200: #edccc5;
--color-la-vie-en-rose-300: #d4ada5;
--color-la-vie-en-rose-400: #bf928a;
--color-la-vie-en-rose-500: #aa7870;
--color-la-vie-en-rose-600: #90655f;
--color-la-vie-en-rose-700: #73514b;
--color-la-vie-en-rose-800: #553b37;
--color-la-vie-en-rose-900: #3b2826;
--color-la-vie-en-rose-950: #251614;
}SCSS
$la-vie-en-rose: #d9a8a0;
$la-vie-en-rose-rgb: 217, 168, 160;
$la-vie-en-rose-light: mix(#fff, $la-vie-en-rose, 20%);
$la-vie-en-rose-dark: mix(#000, $la-vie-en-rose, 20%);
.element {
color: $la-vie-en-rose;
box-shadow: 0 0 0 2px rgba($la-vie-en-rose, 0.35);
}