Colore con nome · #A77572
Dusky Haze
Dusky Haze è #A77572: rgb(167 117 114), hsl(3 23% 55%), oklch(0.612 0.064 22.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dusky Haze color name →
#A77572
oklch(0.612 0.064 22.9)
Conversioni di colore
- HEX
- #a77572
- RGB
- rgb(167 117 114)
- HSL
- hsl(3 23% 55%)
- HWB
- hwb(3 45% 35%)
- OKLCH
- oklch(0.612 0.064 22.9)
- OKLab
- oklab(0.612 0.059 0.025)
- CIE Lab
- lab(54.42 19.95 9.95)
- LCH
- lch(54.42 22.29 26.5)
- CMYK
- cmyk(0% 30% 32% 35%)
Tinte · Ombre · Toni
Tinte
- B0827F
- B98F8D
- C29D9A
- CBAAA8
- D4B8B6
- DCC6C4
- E5D4D3
- EEE2E1
- F6F1F0
Ombre
- 916562
- 7B5553
- 664644
- 523736
- 3E2928
- 2C1C1B
- 1A0F0E
- 0A0504
- 010101
Toni
- A37673
- A07875
- 9C7976
- 987A78
- 947B79
- 907C7B
- 8D7D7C
- 887E7D
- 847F7F
Armonie di colore
Complementare +180°
- A77572
Dusky Haze
- 538F95
≈ Coastal Calm
Analogo -30° +30°
- A77572
Dusky Haze
- A37487
≈ Upper Crust
- A37A60
≈ Walking Stick
Triadico +120° +240°
- A77572
Dusky Haze
- 6E8E6B
≈ Kashmir
- 7084AB
≈ Cowgirl Blue
Complementare divisa +150° +210°
- A77572
Dusky Haze
- 5A9180
≈ Puerto Princesa
- 5C8BA4
≈ Sea Crystal
Tetradico +90° +180° +270°
- A77572
Dusky Haze
- 84885B
≈ Iguana
- 538F95
≈ Coastal Calm
- 857DA7
≈ Second Pour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.43:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--dusky-haze: #a77572;
--dusky-haze-rgb: 167 117 114;
--dusky-haze-oklch: oklch(0.612 0.064 22.9);
}
.element {
color: var(--dusky-haze);
background-color: hsl(3 23% 55%);
border-color: oklch(0.612 0.064 22.9);
}Tailwind CSS v4
@theme {
--color-dusky-haze: #a77572;
--color-dusky-haze-50: #ffefec;
--color-dusky-haze-100: #fde0dd;
--color-dusky-haze-200: #efcac7;
--color-dusky-haze-300: #d6aba7;
--color-dusky-haze-400: #c1908d;
--color-dusky-haze-500: #ad7672;
--color-dusky-haze-600: #926461;
--color-dusky-haze-700: #75504d;
--color-dusky-haze-800: #563a39;
--color-dusky-haze-900: #3c2727;
--color-dusky-haze-950: #261515;
}SCSS
$dusky-haze: #a77572;
$dusky-haze-rgb: 167, 117, 114;
$dusky-haze-light: mix(#fff, $dusky-haze, 20%);
$dusky-haze-dark: mix(#000, $dusky-haze, 20%);
.element {
color: $dusky-haze;
box-shadow: 0 0 0 2px rgba($dusky-haze, 0.35);
}