En yakın adlandırılmış renk · #D6A3A0
#D6A3A0
En yakın adlandırılmış renk: La Vie en Rose
#D6A3A0 (rgb(214 163 160), hsl(3 40% 73%), oklch(0.762 0.061 22.5)) en çok La Vie en Rose adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D6A3A0
oklch(0.762 0.061 22.5)
Renk dönüşümleri
- HEX
- #d6a3a0
- RGB
- rgb(214 163 160)
- HSL
- hsl(3 40% 73%)
- HWB
- hwb(3 63% 16%)
- OKLCH
- oklch(0.762 0.061 22.5)
- OKLab
- oklab(0.762 0.056 0.023)
- CIE Lab
- lab(71.79 19.11 9.26)
- LCH
- lch(71.79 21.24 25.9)
- CMYK
- cmyk(0% 24% 25% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAACA9
- DFB5B2
- E3BEBC
- E7C7C5
- EBD0CF
- F0DAD8
- F4E3E2
- F7ECEB
- FBF6F5
Koyu tonlar
- BA8D8B
- 9E7876
- 846361
- 6A4F4E
- 523C3B
- 3B2A29
- 251919
- 100A09
- 020101
Gri tonlar
- CDA09D
- C59C9A
- BC9996
- B39593
- AB9290
- A28E8D
- 9A8B8A
- 918786
- 898483
Renk uyumları
Tamamlayıcı +180°
- D6A3A0
La Vie en Rose
- 83BEC3
≈ Riverbed
Analog -30° +30°
- D6A3A0
La Vie en Rose
- D1A2B5
≈ Raspberry Smoothie
- D2A88E
≈ Vienna Beige
Üçlü +120° +240°
- D6A3A0
La Vie en Rose
- 9CBC99
≈ Quiet Green
- 9DB2D9
≈ Myrtle Flower
Bölünmüş tamamlayıcı +150° +210°
- D6A3A0
La Vie en Rose
- 8ABFAE
≈ Seaborn
- 8BB9D2
≈ Simply Posh
Dörtlü +90° +180° +270°
- D6A3A0
La Vie en Rose
- B2B68A
≈ Sweet Grass
- 83BEC3
≈ Riverbed
- B2ABD6
≈ Purple Hibiscus
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.18:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.60:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--la-vie-en-rose: #d6a3a0;
--la-vie-en-rose-rgb: 214 163 160;
--la-vie-en-rose-oklch: oklch(0.762 0.061 22.5);
}
.element {
color: var(--la-vie-en-rose);
background-color: hsl(3 40% 73%);
border-color: oklch(0.762 0.061 22.5);
}Tailwind CSS v4
@theme {
--color-la-vie-en-rose: #d6a3a0;
--color-la-vie-en-rose-50: #ffefed;
--color-la-vie-en-rose-100: #fce1de;
--color-la-vie-en-rose-200: #edcbc7;
--color-la-vie-en-rose-300: #d5aca8;
--color-la-vie-en-rose-400: #c0918e;
--color-la-vie-en-rose-500: #ab7674;
--color-la-vie-en-rose-600: #916462;
--color-la-vie-en-rose-700: #74504e;
--color-la-vie-en-rose-800: #563a39;
--color-la-vie-en-rose-900: #3c2827;
--color-la-vie-en-rose-950: #251615;
}SCSS
$la-vie-en-rose: #d6a3a0;
$la-vie-en-rose-rgb: 214, 163, 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);
}