Colore con nome · #E7D6B1
Russeau Gold
Russeau Gold è #E7D6B1: rgb(231 214 177), hsl(41 53% 80%), oklch(0.881 0.052 86.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Russeau Gold color name →
#E7D6B1
oklch(0.881 0.052 86.2)
Conversioni di colore
- HEX
- #e7d6b1
- RGB
- rgb(231 214 177)
- HSL
- hsl(41 53% 80%)
- HWB
- hwb(41 69% 9%)
- OKLCH
- oklch(0.881 0.052 86.2)
- OKLab
- oklab(0.881 0.003 0.052)
- CIE Lab
- lab(86.33 1.85 20.59)
- LCH
- lch(86.33 20.67 84.9)
- CMYK
- cmyk(0% 7% 23% 9%)
Tinte · Ombre · Toni
Tinte
- E9DAB9
- ECDEC1
- EEE2C8
- F1E6D0
- F3EBD8
- F5EFE0
- F8F3E8
- FAF7EF
- FDFBF7
Ombre
- C9BA99
- AB9E83
- 8F846C
- 736A57
- 595242
- 403B2F
- 28251C
- 13100C
- 030201
Toni
- DCCDAC
- D2C4A7
- C7BBA2
- BDB39E
- B2AA99
- A8A294
- 9E998F
- 94918A
- 8A8885
Armonie di colore
Complementare +180°
- E7D6B1
Russeau Gold
- C8D8FB
≈ Icy Plains
Analogo -30° +30°
- E7D6B1
Russeau Gold
- F4D0B7
≈ Only Yesterday
- D5DDB6
≈ Clean Air
Triadico +120° +240°
- E7D6B1
Russeau Gold
- B0E2E9
≈ Across the Bay
- EBCCEA
≈ Bubblegum Crisis
Complementare divisa +150° +210°
- E7D6B1
Russeau Gold
- B8DEF6
≈ Arctic Paradise
- DAD1F7
≈ Pale Lavender
Tetradico +90° +180° +270°
- E7D6B1
Russeau Gold
- B4E4D6
≈ Ode to Green
- C8D8FB
≈ Icy Plains
- F5CAD9
≈ Baby Steps
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.65:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--russeau-gold: #e7d6b1;
--russeau-gold-rgb: 231 214 177;
--russeau-gold-oklch: oklch(0.881 0.052 86.2);
}
.element {
color: var(--russeau-gold);
background-color: hsl(41 53% 80%);
border-color: oklch(0.881 0.052 86.2);
}Tailwind CSS v4
@theme {
--color-russeau-gold: #e7d6b1;
--color-russeau-gold-50: #fbf5e5;
--color-russeau-gold-100: #efe7d5;
--color-russeau-gold-200: #ddd4bb;
--color-russeau-gold-300: #c2b699;
--color-russeau-gold-400: #ac9d7b;
--color-russeau-gold-500: #96845e;
--color-russeau-gold-600: #7e7050;
--color-russeau-gold-700: #655940;
--color-russeau-gold-800: #4b412d;
--color-russeau-gold-900: #342d1f;
--color-russeau-gold-950: #1f1a0e;
}SCSS
$russeau-gold: #e7d6b1;
$russeau-gold-rgb: 231, 214, 177;
$russeau-gold-light: mix(#fff, $russeau-gold, 20%);
$russeau-gold-dark: mix(#000, $russeau-gold, 20%);
.element {
color: $russeau-gold;
box-shadow: 0 0 0 2px rgba($russeau-gold, 0.35);
}