Colore con nome · #E1A84B
Brass Mesh
Brass Mesh è #E1A84B: rgb(225 168 75), hsl(37 71% 59%), oklch(0.768 0.128 76.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Brass Mesh color name →
#E1A84B
oklch(0.768 0.128 76.9)
Conversioni di colore
- HEX
- #e1a84b
- RGB
- rgb(225 168 75)
- HSL
- hsl(37 71% 59%)
- HWB
- hwb(37 29% 12%)
- OKLCH
- oklch(0.768 0.128 76.9)
- OKLab
- oklab(0.768 0.029 0.124)
- CIE Lab
- lab(73.06 14.92 54.99)
- LCH
- lch(73.06 56.97 74.8)
- CMYK
- cmyk(0% 25% 67% 12%)
Tinte · Ombre · Toni
Tinte
- E4B161
- E8BA74
- EBC387
- EECB99
- F1D4AA
- F4DDBB
- F7E5CC
- FAEEDD
- FCF6EE
Ombre
- C49240
- A77C35
- 8B672B
- 705221
- 563F17
- 3E2C0E
- 271A06
- 120A02
- 020100
Toni
- D7A454
- CDA05B
- C39D62
- BA9968
- B0956D
- A69171
- 9D8D76
- 938979
- 8A847D
Armonie di colore
Complementare +180°
- E1A84B
Brass Mesh
- 81B6FF
≈ Parakeet Blue
Analogo -30° +30°
- E1A84B
Brass Mesh
- F6996A
≈ Autumn Arrival
- BDB94F
≈ Parachute
Triadico +120° +240°
- E1A84B
Brass Mesh
- 19CCCF
≈ Mermaid Net
- D499E9
≈ Dream Vapour
Complementare divisa +150° +210°
- E1A84B
Brass Mesh
- 43C3F2
≈ Clean Pool
- AEA7FF
≈ Shy Moment
Tetradico +90° +180° +270°
- E1A84B
Brass Mesh
- 51CDA2
≈ Mint Jelly
- 81B6FF
≈ Parakeet Blue
- EE91C3
≈ Pearly Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.12:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.90:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--brass-mesh: #e1a84b;
--brass-mesh-rgb: 225 168 75;
--brass-mesh-oklch: oklch(0.768 0.128 76.9);
}
.element {
color: var(--brass-mesh);
background-color: hsl(37 71% 59%);
border-color: oklch(0.768 0.128 76.9);
}Tailwind CSS v4
@theme {
--color-brass-mesh: #e1a84b;
--color-brass-mesh-50: #fff2cd;
--color-brass-mesh-100: #ffe4b8;
--color-brass-mesh-200: #f2ce96;
--color-brass-mesh-300: #dbb069;
--color-brass-mesh-400: #c8933b;
--color-brass-mesh-500: #b57800;
--color-brass-mesh-600: #996600;
--color-brass-mesh-700: #7a5200;
--color-brass-mesh-800: #5c3b00;
--color-brass-mesh-900: #402800;
--color-brass-mesh-950: #291600;
}SCSS
$brass-mesh: #e1a84b;
$brass-mesh-rgb: 225, 168, 75;
$brass-mesh-light: mix(#fff, $brass-mesh, 20%);
$brass-mesh-dark: mix(#000, $brass-mesh, 20%);
.element {
color: $brass-mesh;
box-shadow: 0 0 0 2px rgba($brass-mesh, 0.35);
}