Najbliższy nazwany kolor · #C8A5A4
#C8A5A4
Najbliższy nazwany kolor: Parfait
#C8A5A4 (rgb(200 165 164), hsl(2 25% 71%), oklch(0.753 0.041 20)) jest najbliższy nazwanemu kolorowi Parfait. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C8A5A4
oklch(0.753 0.041 20)
Konwersje koloru
- HEX
- #c8a5a4
- RGB
- rgb(200 165 164)
- HSL
- hsl(2 25% 71%)
- HWB
- hwb(2 64% 22%)
- OKLCH
- oklch(0.753 0.041 20)
- OKLab
- oklab(0.753 0.039 0.014)
- CIE Lab
- lab(70.92 13.13 5.6)
- LCH
- lch(70.92 14.28 23.1)
- CMYK
- cmyk(0% 17% 18% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CEAEAD
- D3B7B6
- D9BFBF
- DEC8C8
- E4D1D1
- E9DADA
- EFE3E3
- F4EDEC
- FAF6F6
Odcienie ciemniejsze
- AE8F8E
- 947979
- 7B6564
- 635150
- 4C3D3D
- 362B2B
- 211A1A
- 0F0A0A
- 020101
Tony
- C1A1A0
- B99E9D
- B29A99
- AB9695
- A49292
- 9D8F8E
- 958B8B
- 8E8787
- 878484
Harmonie kolorów
Komplementarna +180°
- C8A5A4
Parfait
- 91B7B9
≈ Eyefull
Analogowa -30° +30°
- C8A5A4
Parfait
- C4A5B2
≈ Pansy Posie
- C5A898
≈ Adobe Straw
Triada +120° +240°
- C8A5A4
Parfait
- A1B69D
≈ Copper Patina
- A0B0CA
≈ Poetry Reading
Komplementarna rozszczepiona +150° +210°
- C8A5A4
Parfait
- 96B8AB
≈ Nile River
- 95B4C4
≈ Respite
Tetrada +90° +180° +270°
- C8A5A4
Parfait
- B0B294
≈ Dill Seed
- 91B7B9
≈ Eyefull
- AEABC8
≈ Cosmic Sky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.24:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.37:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--parfait: #c8a5a4;
--parfait-rgb: 200 165 164;
--parfait-oklch: oklch(0.753 0.041 20);
}
.element {
color: var(--parfait);
background-color: hsl(2 25% 71%);
border-color: oklch(0.753 0.041 20);
}Tailwind CSS v4
@theme {
--color-parfait: #c8a5a4;
--color-parfait-50: #fff1f0;
--color-parfait-100: #f6e3e2;
--color-parfait-200: #e6cecc;
--color-parfait-300: #ccb0ae;
--color-parfait-400: #b69594;
--color-parfait-500: #a07c7b;
--color-parfait-600: #876968;
--color-parfait-700: #6c5453;
--color-parfait-800: #503d3d;
--color-parfait-900: #382a2a;
--color-parfait-950: #221717;
}SCSS
$parfait: #c8a5a4;
$parfait-rgb: 200, 165, 164;
$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);
}