Nazwany kolor · #DCCDB9
Palest Satin
Palest Satin to #DCCDB9: rgb(220 205 185), hsl(34 33% 79%), oklch(0.855 0.032 75.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Palest Satin color name →
#DCCDB9
oklch(0.855 0.032 75.2)
Konwersje koloru
- HEX
- #dccdb9
- RGB
- rgb(220 205 185)
- HSL
- hsl(34 33% 79%)
- HWB
- hwb(34 73% 14%)
- OKLCH
- oklch(0.855 0.032 75.2)
- OKLab
- oklab(0.855 0.008 0.031)
- CIE Lab
- lab(83.25 2.98 11.98)
- LCH
- lch(83.25 12.34 76)
- CMYK
- cmyk(0% 7% 16% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFD2C0
- E3D7C7
- E6DCCE
- EAE1D5
- EDE6DC
- F1EBE3
- F4F0EA
- F8F5F1
- FBFAF8
Odcienie ciemniejsze
- BFB2A0
- A39889
- 887E71
- 6E665B
- 544E46
- 3C3831
- 26231E
- 110F0D
- 020202
Tony
- D2C5B3
- C9BDAD
- C0B5A8
- B6ADA2
- ADA69C
- A49E96
- 9B9691
- 928F8B
- 898786
Harmonie kolorów
Komplementarna +180°
- DCCDB9
Palest Satin
- C2D1E5
≈ Morning Star
Analogowa -30° +30°
- DCCDB9
Palest Satin
- E2C9BF
≈ Sultan Sand
- D2D1B9
≈ Pale Sagebrush
Triada +120° +240°
- DCCDB9
Palest Satin
- B8D6D6
≈ Skylight
- D8CADE
≈ Hampstead Heath
Komplementarna rozszczepiona +150° +210°
- DCCDB9
Palest Satin
- BAD4DF
≈ Millstream
- CDCDE4
≈ Casa del Mar
Tetrada +90° +180° +270°
- DCCDB9
Palest Satin
- BDD6CA
≈ Malted Mint
- C2D1E5
≈ Morning Star
- E0C8D4
≈ Tinted Rosewood
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.47:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--palest-satin: #dccdb9;
--palest-satin-rgb: 220 205 185;
--palest-satin-oklch: oklch(0.855 0.032 75.2);
}
.element {
color: var(--palest-satin);
background-color: hsl(34 33% 79%);
border-color: oklch(0.855 0.032 75.2);
}Tailwind CSS v4
@theme {
--color-palest-satin: #dccdb9;
--color-palest-satin-50: #faf4eb;
--color-palest-satin-100: #eee7dc;
--color-palest-satin-200: #dcd3c6;
--color-palest-satin-300: #c1b6a6;
--color-palest-satin-400: #aa9c8a;
--color-palest-satin-500: #93846f;
--color-palest-satin-600: #7c6f5e;
--color-palest-satin-700: #63594b;
--color-palest-satin-800: #494136;
--color-palest-satin-900: #332d25;
--color-palest-satin-950: #1e1a14;
}SCSS
$palest-satin: #dccdb9;
$palest-satin-rgb: 220, 205, 185;
$palest-satin-light: mix(#fff, $palest-satin, 20%);
$palest-satin-dark: mix(#000, $palest-satin, 20%);
.element {
color: $palest-satin;
box-shadow: 0 0 0 2px rgba($palest-satin, 0.35);
}