Colore con nome · #D5C3B5
Hazy Taupe
Hazy Taupe è #D5C3B5: rgb(213 195 181), hsl(26 28% 77%), oklch(0.828 0.028 60.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hazy Taupe color name →
#D5C3B5
oklch(0.828 0.028 60.3)
Conversioni di colore
- HEX
- #d5c3b5
- RGB
- rgb(213 195 181)
- HSL
- hsl(26 28% 77%)
- HWB
- hwb(26 71% 16%)
- OKLCH
- oklch(0.828 0.028 60.3)
- OKLab
- oklab(0.828 0.014 0.024)
- CIE Lab
- lab(80.03 4.84 9.48)
- LCH
- lch(80.03 10.64 62.9)
- CMYK
- cmyk(0% 8% 15% 16%)
Tinte · Ombre · Toni
Tinte
- D9C9BC
- DDCFC4
- E2D5CB
- E6DBD2
- EAE1DA
- EEE7E1
- F2EDE8
- F7F3F0
- FBF9F7
Ombre
- B9A99D
- 9E9086
- 83786F
- 6A6059
- 514A44
- 3A3430
- 24201D
- 100E0C
- 020202
Toni
- CCBCB0
- C3B5AA
- BBAEA5
- B2A89F
- AAA19A
- A19A95
- 999490
- 908D8A
- 888685
Armonie di colore
Complementare +180°
- D5C3B5
Hazy Taupe
- B7CAD8
≈ Powder Soft Blue
Analogo -30° +30°
- D5C3B5
Hazy Taupe
- D8C1BC
≈ Peony Blush
- CEC6B3
≈ Sapphire Light Yellow
Triadico +120° +240°
- D5C3B5
Hazy Taupe
- B4CDC7
≈ Sea Sprite
- C9C3D7
≈ Pale Violet
Complementare divisa +150° +210°
- D5C3B5
Hazy Taupe
- B3CCD1
≈ Pallid Blue
- C0C6DA
≈ Iced Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.30:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.30:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--hazy-taupe: #d5c3b5;
--hazy-taupe-rgb: 213 195 181;
--hazy-taupe-oklch: oklch(0.828 0.028 60.3);
}
.element {
color: var(--hazy-taupe);
background-color: hsl(26 28% 77%);
border-color: oklch(0.828 0.028 60.3);
}Tailwind CSS v4
@theme {
--color-hazy-taupe: #d5c3b5;
--color-hazy-taupe-50: #fbf4ed;
--color-hazy-taupe-100: #efe6df;
--color-hazy-taupe-200: #ddd2c8;
--color-hazy-taupe-300: #c2b5a9;
--color-hazy-taupe-400: #ab9b8e;
--color-hazy-taupe-500: #958274;
--color-hazy-taupe-600: #7e6e62;
--color-hazy-taupe-700: #65584e;
--color-hazy-taupe-800: #4a4039;
--color-hazy-taupe-900: #332c27;
--color-hazy-taupe-950: #1f1915;
}SCSS
$hazy-taupe: #d5c3b5;
$hazy-taupe-rgb: 213, 195, 181;
$hazy-taupe-light: mix(#fff, $hazy-taupe, 20%);
$hazy-taupe-dark: mix(#000, $hazy-taupe, 20%);
.element {
color: $hazy-taupe;
box-shadow: 0 0 0 2px rgba($hazy-taupe, 0.35);
}