Colore con nome · #CEA269
Lewis Gold
Lewis Gold è #CEA269: rgb(206 162 105), hsl(34 51% 61%), oklch(0.74 0.091 72.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Lewis Gold color name →
#CEA269
oklch(0.74 0.091 72.9)
Conversioni di colore
- HEX
- #cea269
- RGB
- rgb(206 162 105)
- HSL
- hsl(34 51% 61%)
- HWB
- hwb(34 41% 19%)
- OKLCH
- oklch(0.74 0.091 72.9)
- OKLab
- oklab(0.74 0.027 0.087)
- CIE Lab
- lab(69.82 11.65 36.05)
- LCH
- lch(69.82 37.89 72.1)
- CMYK
- cmyk(0% 21% 49% 19%)
Tinte · Ombre · Toni
Tinte
- D3AB78
- D8B488
- DDBE97
- E2C7A5
- E7D0B4
- ECDAC3
- F1E3D2
- F6ECE1
- FAF6F0
Ombre
- B38C5A
- 98774C
- 7F633E
- 664F31
- 4E3C24
- 382A18
- 23190C
- 0F0A04
- 020100
Toni
- C69F6C
- BE9B6F
- B69872
- AF9575
- A79177
- 9F8E79
- 978B7B
- 8F877D
- 88847E
Armonie di colore
Complementare +180°
- CEA269
Lewis Gold
- 82AEE3
≈ Pool Floor
Analogo -30° +30°
- CEA269
Lewis Gold
- DC987D
≈ Pinkish Tan
- B5AE68
≈ Summer Moss
Triadico +120° +240°
- CEA269
Lewis Gold
- 5DBDBA
≈ Hygiene Green
- BF9AD4
≈ Mauve Mist
Complementare divisa +150° +210°
- CEA269
Lewis Gold
- 65B8D4
≈ Baby Tears
- A2A4E3
≈ Simply Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.99:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--lewis-gold: #cea269;
--lewis-gold-rgb: 206 162 105;
--lewis-gold-oklch: oklch(0.74 0.091 72.9);
}
.element {
color: var(--lewis-gold);
background-color: hsl(34 51% 61%);
border-color: oklch(0.74 0.091 72.9);
}Tailwind CSS v4
@theme {
--color-lewis-gold: #cea269;
--color-lewis-gold-50: #fff2d9;
--color-lewis-gold-100: #fae4c7;
--color-lewis-gold-200: #eccfaa;
--color-lewis-gold-300: #d3b183;
--color-lewis-gold-400: #bf9661;
--color-lewis-gold-500: #ab7c3c;
--color-lewis-gold-600: #906934;
--color-lewis-gold-700: #745429;
--color-lewis-gold-800: #563d1d;
--color-lewis-gold-900: #3c2a13;
--color-lewis-gold-950: #261705;
}SCSS
$lewis-gold: #cea269;
$lewis-gold-rgb: 206, 162, 105;
$lewis-gold-light: mix(#fff, $lewis-gold, 20%);
$lewis-gold-dark: mix(#000, $lewis-gold, 20%);
.element {
color: $lewis-gold;
box-shadow: 0 0 0 2px rgba($lewis-gold, 0.35);
}