Colore con nome · #DDD2A9
Bleached Wheat
Bleached Wheat è #DDD2A9: rgb(221 210 169), hsl(47 43% 76%), oklch(0.862 0.056 94.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bleached Wheat color name →
#DDD2A9
oklch(0.862 0.056 94.8)
Conversioni di colore
- HEX
- #ddd2a9
- RGB
- rgb(221 210 169)
- HSL
- hsl(47 43% 76%)
- HWB
- hwb(47 66% 13%)
- OKLCH
- oklch(0.862 0.056 94.8)
- OKLab
- oklab(0.862 -0.005 0.055)
- CIE Lab
- lab(84.33 -0.82 21.85)
- LCH
- lch(84.33 21.87 92.2)
- CMYK
- cmyk(0% 5% 24% 13%)
Tinte · Ombre · Toni
Tinte
- E0D6B2
- E4DBBA
- E7DFC3
- EAE4CB
- EEE8D4
- F1EDDD
- F5F1E5
- F8F6EE
- FCFAF6
Ombre
- C0B692
- A49B7C
- 888167
- 6E6853
- 55503F
- 3D392C
- 26241B
- 11100A
- 020201
Toni
- D3CAA5
- CAC1A1
- C0B99D
- B7B099
- ADA895
- A4A091
- 9B988D
- 929088
- 898884
Armonie di colore
Complementare +180°
- DDD2A9
Bleached Wheat
- C6D0F7
≈ Frozen Periwinkle
Analogo -30° +30°
- DDD2A9
Bleached Wheat
- ECCBAC
≈ Masala Chai
- C9D9B1
≈ Chinese Leaf
Triadico +120° +240°
- DDD2A9
Bleached Wheat
- A9DCE9
≈ Light Washed Blue
- EAC5E1
≈ Sweet Murmur
Complementare divisa +150° +210°
- DDD2A9
Bleached Wheat
- B4D6F4
≈ Blue Rice
- DAC9F0
≈ Foggy Love
Tetradico +90° +180° +270°
- DDD2A9
Bleached Wheat
- A9DED6
≈ High Altitude
- C6D0F7
≈ Frozen Periwinkle
- F3C3CD
≈ In the Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.86:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.86:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--bleached-wheat: #ddd2a9;
--bleached-wheat-rgb: 221 210 169;
--bleached-wheat-oklch: oklch(0.862 0.056 94.8);
}
.element {
color: var(--bleached-wheat);
background-color: hsl(47 43% 76%);
border-color: oklch(0.862 0.056 94.8);
}Tailwind CSS v4
@theme {
--color-bleached-wheat: #ddd2a9;
--color-bleached-wheat-50: #f9f6e4;
--color-bleached-wheat-100: #ede8d4;
--color-bleached-wheat-200: #dbd5ba;
--color-bleached-wheat-300: #bfb898;
--color-bleached-wheat-400: #a99f79;
--color-bleached-wheat-500: #92865b;
--color-bleached-wheat-600: #7b724e;
--color-bleached-wheat-700: #635b3e;
--color-bleached-wheat-800: #49422c;
--color-bleached-wheat-900: #332e1e;
--color-bleached-wheat-950: #1e1a0e;
}SCSS
$bleached-wheat: #ddd2a9;
$bleached-wheat-rgb: 221, 210, 169;
$bleached-wheat-light: mix(#fff, $bleached-wheat, 20%);
$bleached-wheat-dark: mix(#000, $bleached-wheat, 20%);
.element {
color: $bleached-wheat;
box-shadow: 0 0 0 2px rgba($bleached-wheat, 0.35);
}