Colore con nome · #EAD6AF
Rousseau Gold
Rousseau Gold è #EAD6AF: rgb(234 214 175), hsl(40 58% 80%), oklch(0.883 0.056 84). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rousseau Gold color name →
#EAD6AF
oklch(0.883 0.056 84)
Conversioni di colore
- HEX
- #ead6af
- RGB
- rgb(234 214 175)
- HSL
- hsl(40 58% 80%)
- HWB
- hwb(40 69% 8%)
- OKLCH
- oklch(0.883 0.056 84)
- OKLab
- oklab(0.883 0.006 0.056)
- CIE Lab
- lab(86.56 2.79 21.99)
- LCH
- lch(86.56 22.16 82.8)
- CMYK
- cmyk(0% 9% 25% 8%)
Tinte · Ombre · Toni
Tinte
- ECDAB7
- EEDEBF
- F0E2C7
- F2E6CF
- F5EBD7
- F7EFDF
- F9F3E7
- FBF7EF
- FDFBF7
Ombre
- CBBA98
- AE9E81
- 91846B
- 756A56
- 5A5241
- 413B2E
- 29251C
- 13100B
- 030201
Toni
- DFCDAA
- D4C4A6
- C9BBA1
- BEB39C
- B4AA98
- A9A293
- 9F998E
- 94918A
- 8A8885
Armonie di colore
Complementare +180°
- EAD6AF
Rousseau Gold
- C6D9FE
≈ Icy Plains
Analogo -30° +30°
- EAD6AF
Rousseau Gold
- F7CFB6
≈ Royal Milk Tea
- D7DDB3
≈ Spring Thyme
Triadico +120° +240°
- EAD6AF
Rousseau Gold
- ADE4E9
≈ Uranus
- EBCCEE
≈ Bubblegum Crisis
Complementare divisa +150° +210°
- EAD6AF
Rousseau Gold
- B5DFF8
≈ Arctic Paradise
- DAD2FB
≈ Pale Lavender
Tetradico +90° +180° +270°
- EAD6AF
Rousseau Gold
- B3E5D5
≈ Ode to Green
- C6D9FE
≈ Icy Plains
- F7CADB
≈ Baby Steps
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.73:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.73:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--rousseau-gold: #ead6af;
--rousseau-gold-rgb: 234 214 175;
--rousseau-gold-oklch: oklch(0.883 0.056 84);
}
.element {
color: var(--rousseau-gold);
background-color: hsl(40 58% 80%);
border-color: oklch(0.883 0.056 84);
}Tailwind CSS v4
@theme {
--color-rousseau-gold: #ead6af;
--color-rousseau-gold-50: #fcf4e4;
--color-rousseau-gold-100: #f0e7d3;
--color-rousseau-gold-200: #dfd3ba;
--color-rousseau-gold-300: #c4b697;
--color-rousseau-gold-400: #ae9c79;
--color-rousseau-gold-500: #98835b;
--color-rousseau-gold-600: #806f4d;
--color-rousseau-gold-700: #67593e;
--color-rousseau-gold-800: #4c412c;
--color-rousseau-gold-900: #352d1e;
--color-rousseau-gold-950: #201a0e;
}SCSS
$rousseau-gold: #ead6af;
$rousseau-gold-rgb: 234, 214, 175;
$rousseau-gold-light: mix(#fff, $rousseau-gold, 20%);
$rousseau-gold-dark: mix(#000, $rousseau-gold, 20%);
.element {
color: $rousseau-gold;
box-shadow: 0 0 0 2px rgba($rousseau-gold, 0.35);
}