Colore con nome · #A66E68
Warm Wassail
Warm Wassail è #A66E68: rgb(166 110 104), hsl(6 26% 53%), oklch(0.595 0.073 26.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Warm Wassail color name →
#A66E68
oklch(0.595 0.073 26.2)
Conversioni di colore
- HEX
- #a66e68
- RGB
- rgb(166 110 104)
- HSL
- hsl(6 26% 53%)
- HWB
- hwb(6 41% 35%)
- OKLCH
- oklch(0.595 0.073 26.2)
- OKLab
- oklab(0.595 0.065 0.032)
- CIE Lab
- lab(52.4 22.35 12.96)
- LCH
- lch(52.4 25.83 30.1)
- CMYK
- cmyk(0% 34% 37% 35%)
Tinte · Ombre · Toni
Tinte
- AF7C76
- B98A84
- C29893
- CBA6A2
- D4B5B1
- DCC3C0
- E5D2D0
- EEE1DF
- F6F0EF
Ombre
- 905F59
- 7A504B
- 65413E
- 513330
- 3E2624
- 2B1918
- 1A0E0C
- 0A0404
- 010100
Toni
- A3706A
- 9F726D
- 9C746F
- 987672
- 947874
- 907977
- 8C7B79
- 887D7B
- 847E7E
Armonie di colore
Complementare +180°
- A66E68
Warm Wassail
- 448B94
≈ Aqueous
Analogo -30° +30°
- A66E68
Warm Wassail
- A26D80
≈ Black Elder
- A17454
≈ Dodge Pole
Triadico +120° +240°
- A66E68
Warm Wassail
- 628B65
≈ Stone Green
- 6B7EAB
≈ Night Thistle
Complementare divisa +150° +210°
- A66E68
Warm Wassail
- 4B8D7D
≈ Perky
- 5286A5
≈ Hemisphere
Tetradico +90° +180° +270°
- A66E68
Warm Wassail
- 7C8551
≈ Oregano
- 448B94
≈ Aqueous
- 8376A6
≈ Grape Parfait
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.15:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.05:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.05:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--warm-wassail: #a66e68;
--warm-wassail-rgb: 166 110 104;
--warm-wassail-oklch: oklch(0.595 0.073 26.2);
}
.element {
color: var(--warm-wassail);
background-color: hsl(6 26% 53%);
border-color: oklch(0.595 0.073 26.2);
}Tailwind CSS v4
@theme {
--color-warm-wassail: #a66e68;
--color-warm-wassail-50: #ffeeea;
--color-warm-wassail-100: #ffdfda;
--color-warm-wassail-200: #f2c9c3;
--color-warm-wassail-300: #daaaa3;
--color-warm-wassail-400: #c68e88;
--color-warm-wassail-500: #b1736d;
--color-warm-wassail-600: #96625c;
--color-warm-wassail-700: #784e4a;
--color-warm-wassail-800: #593836;
--color-warm-wassail-900: #3e2725;
--color-warm-wassail-950: #271513;
}SCSS
$warm-wassail: #a66e68;
$warm-wassail-rgb: 166, 110, 104;
$warm-wassail-light: mix(#fff, $warm-wassail, 20%);
$warm-wassail-dark: mix(#000, $warm-wassail, 20%);
.element {
color: $warm-wassail;
box-shadow: 0 0 0 2px rgba($warm-wassail, 0.35);
}