Colore con nome · #D8CCC6
Subpoena
Subpoena è #D8CCC6: rgb(216 204 198), hsl(20 19% 81%), oklch(0.853 0.016 48.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Subpoena color name →
#D8CCC6
oklch(0.853 0.016 48.5)
Conversioni di colore
- HEX
- #d8ccc6
- RGB
- rgb(216 204 198)
- HSL
- hsl(20 19% 81%)
- HWB
- hwb(20 78% 15%)
- OKLCH
- oklch(0.853 0.016 48.5)
- OKLab
- oklab(0.853 0.01 0.012)
- CIE Lab
- lab(82.91 3.55 4.57)
- LCH
- lch(82.91 5.79 52.2)
- CMYK
- cmyk(0% 6% 8% 15%)
Tinte · Ombre · Toni
Tinte
- DCD1CC
- E0D6D1
- E4DBD7
- E8E0DD
- EBE5E2
- EFEAE8
- F3EFEE
- F7F5F3
- FBFAF9
Ombre
- BCB1AC
- A09792
- 857E7A
- 6B6562
- 534E4B
- 3B3735
- 252221
- 110F0E
- 020202
Toni
- CFC4BF
- C6BCB8
- BDB5B0
- B4ADA9
- ABA5A2
- A29E9B
- 9A9694
- 918F8E
- 888787
Armonie di colore
Complementare +180°
- D8CCC6
Subpoena
- C5D1D7
≈ Wind Weaver
Analogo -30° +30°
- D8CCC6
Subpoena
- D9CBCB
≈ Lilac Ash
- D4CEC4
≈ Gossamer Veil
Triadico +120° +240°
- D8CCC6
Subpoena
- C5D2CD
≈ Blue Flower
- CECDD9
≈ Lavender Sparkle
Complementare divisa +150° +210°
- D8CCC6
Subpoena
- C4D2D2
≈ Winter Garden
- C9CFD9
≈ Quarzo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.37:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.37:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--subpoena: #d8ccc6;
--subpoena-rgb: 216 204 198;
--subpoena-oklch: oklch(0.853 0.016 48.5);
}
.element {
color: var(--subpoena);
background-color: hsl(20 19% 81%);
border-color: oklch(0.853 0.016 48.5);
}Tailwind CSS v4
@theme {
--color-subpoena: #d8ccc6;
--color-subpoena-50: #f9f4f1;
--color-subpoena-100: #ece6e3;
--color-subpoena-200: #dad2ce;
--color-subpoena-300: #beb5b0;
--color-subpoena-400: #a79c96;
--color-subpoena-500: #8f837d;
--color-subpoena-600: #796f6a;
--color-subpoena-700: #615955;
--color-subpoena-800: #47413e;
--color-subpoena-900: #312d2a;
--color-subpoena-950: #1d1a18;
}SCSS
$subpoena: #d8ccc6;
$subpoena-rgb: 216, 204, 198;
$subpoena-light: mix(#fff, $subpoena, 20%);
$subpoena-dark: mix(#000, $subpoena, 20%);
.element {
color: $subpoena;
box-shadow: 0 0 0 2px rgba($subpoena, 0.35);
}