Benannte Farbe · #D8D3B2
Chinese Silk
Chinese Silk ist #D8D3B2: rgb(216 211 178), hsl(52 33% 77%), oklch(0.862 0.044 100.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Chinese Silk color name →
#D8D3B2
oklch(0.862 0.044 100.1)
Farbumrechnungen
- HEX
- #d8d3b2
- RGB
- rgb(216 211 178)
- HSL
- hsl(52 33% 77%)
- HWB
- hwb(52 70% 15%)
- OKLCH
- oklch(0.862 0.044 100.1)
- OKLab
- oklab(0.862 -0.008 0.044)
- CIE Lab
- lab(84.32 -2.24 17.07)
- LCH
- lch(84.32 17.22 97.5)
- CMYK
- cmyk(0% 2% 18% 15%)
Tints · Shades · Tones
Tints
- DCD7BA
- E0DCC1
- E4E0C9
- E7E5D1
- EBE9D8
- EFEDE0
- F3F2E8
- F7F6EF
- FBFBF7
Shades
- BCB79A
- A09C83
- 85826D
- 6B6957
- 535143
- 3B3A2F
- 25241D
- 11100C
- 020201
Tones
- CFCAAD
- C6C2A8
- BDB9A3
- B4B19E
- ABA999
- A2A094
- 99988F
- 91908A
- 888885
Farbharmonien
Komplementär +180°
- D8D3B2
Chinese Silk
- CBCFEF
≈ Frozen Periwinkle
Analog -30° +30°
- D8D3B2
Chinese Silk
- E5CDB3
≈ Warm Croissant
- C8D8BA
≈ Vintage Glass
Triadisch +120° +240°
- D8D3B2
Chinese Silk
- B3D9E6
≈ Glacier Point
- E7C7DB
≈ Pink Pony
Geteilt komplementär +150° +210°
- D8D3B2
Chinese Silk
- BDD5EE
≈ Summer Birthday
- DBCAE8
≈ Syrian Violet
Tetradisch +90° +180° +270°
- D8D3B2
Chinese Silk
- B1DCD8
≈ Catch the Wave
- CBCFEF
≈ Frozen Periwinkle
- EDC6CB
≈ Oh so Pretty
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.88:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.88:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--chinese-silk: #d8d3b2;
--chinese-silk-rgb: 216 211 178;
--chinese-silk-oklch: oklch(0.862 0.044 100.1);
}
.element {
color: var(--chinese-silk);
background-color: hsl(52 33% 77%);
border-color: oklch(0.862 0.044 100.1);
}Tailwind CSS v4
@theme {
--color-chinese-silk: #d8d3b2;
--color-chinese-silk-50: #f7f6e8;
--color-chinese-silk-100: #eae9d8;
--color-chinese-silk-200: #d8d5c0;
--color-chinese-silk-300: #bbb99f;
--color-chinese-silk-400: #a4a082;
--color-chinese-silk-500: #8d8765;
--color-chinese-silk-600: #777256;
--color-chinese-silk-700: #5f5c45;
--color-chinese-silk-800: #464331;
--color-chinese-silk-900: #312e21;
--color-chinese-silk-950: #1d1b11;
}SCSS
$chinese-silk: #d8d3b2;
$chinese-silk-rgb: 216, 211, 178;
$chinese-silk-light: mix(#fff, $chinese-silk, 20%);
$chinese-silk-dark: mix(#000, $chinese-silk, 20%);
.element {
color: $chinese-silk;
box-shadow: 0 0 0 2px rgba($chinese-silk, 0.35);
}