Colore con nome · #D3BCC5
Queen’s Tart
Queen’s Tart è #D3BCC5: rgb(211 188 197), hsl(337 21% 78%), oklch(0.817 0.029 352.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Queen’s Tart color name →
#D3BCC5
oklch(0.817 0.029 352.1)
Conversioni di colore
- HEX
- #d3bcc5
- RGB
- rgb(211 188 197)
- HSL
- hsl(337 21% 78%)
- HWB
- hwb(337 74% 17%)
- OKLCH
- oklch(0.817 0.029 352.1)
- OKLab
- oklab(0.817 0.028 -0.004)
- CIE Lab
- lab(78.42 9.58 -1.41)
- LCH
- lch(78.42 9.68 351.7)
- CMYK
- cmyk(0% 11% 7% 17%)
Tinte · Ombre · Toni
Tinte
- D7C3CB
- DCC9D0
- E0D0D6
- E5D6DC
- E9DDE2
- EDE4E7
- F2EBED
- F6F1F3
- FBF8F9
Ombre
- B7A3AB
- 9C8B92
- 827379
- 695D61
- 51474B
- 3A3235
- 241F21
- 100D0E
- 020202
Toni
- CAB6BE
- C2B0B7
- B9AAB0
- B1A4A9
- A99EA2
- A0989B
- 989294
- 908C8D
- 888687
Armonie di colore
Complementare +180°
- D3BCC5
Queen’s Tart
- B1CAC1
≈ Nadia
Analogo -30° +30°
- D3BCC5
Queen’s Tart
- CCBDCE
≈ My Mona
- D5BCBB
≈ Lilac Buds
Triadico +120° +240°
- D3BCC5
Queen’s Tart
- C3C5B1
≈ Spring Grey
- B2C7D3
≈ Crisp Collar
Complementare divisa +150° +210°
- D3BCC5
Queen’s Tart
- B9C8B7
≈ Pond’s Edge
- AFC9CB
≈ Floating Blue
Tetradico +90° +180° +270°
- D3BCC5
Queen’s Tart
- CDC2AF
≈ Merino Wool
- B1CAC1
≈ Nadia
- B9C4D6
≈ Candela
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.76:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.76:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--queen-s-tart: #d3bcc5;
--queen-s-tart-rgb: 211 188 197;
--queen-s-tart-oklch: oklch(0.817 0.029 352.1);
}
.element {
color: var(--queen-s-tart);
background-color: hsl(337 21% 78%);
border-color: oklch(0.817 0.029 352.1);
}Tailwind CSS v4
@theme {
--color-queen-s-tart: #d3bcc5;
--color-queen-s-tart-50: #fcf2f6;
--color-queen-s-tart-100: #f0e4e8;
--color-queen-s-tart-200: #dfcfd5;
--color-queen-s-tart-300: #c4b2b8;
--color-queen-s-tart-400: #ad98a0;
--color-queen-s-tart-500: #967f88;
--color-queen-s-tart-600: #7f6b73;
--color-queen-s-tart-700: #66565c;
--color-queen-s-tart-800: #4b3e44;
--color-queen-s-tart-900: #342b2f;
--color-queen-s-tart-950: #1f181b;
}SCSS
$queen-s-tart: #d3bcc5;
$queen-s-tart-rgb: 211, 188, 197;
$queen-s-tart-light: mix(#fff, $queen-s-tart, 20%);
$queen-s-tart-dark: mix(#000, $queen-s-tart, 20%);
.element {
color: $queen-s-tart;
box-shadow: 0 0 0 2px rgba($queen-s-tart, 0.35);
}