Colore con nome · #EDC537
Fashion Yellow
Fashion Yellow è #EDC537: rgb(237 197 55), hsl(47 83% 57%), oklch(0.835 0.156 92.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fashion Yellow color name →
#EDC537
oklch(0.835 0.156 92.2)
Conversioni di colore
- HEX
- #edc537
- RGB
- rgb(237 197 55)
- HSL
- hsl(47 83% 57%)
- HWB
- hwb(47 22% 7%)
- OKLCH
- oklch(0.835 0.156 92.2)
- OKLab
- oklab(0.835 -0.006 0.155)
- CIE Lab
- lab(81.35 4.83 71.13)
- LCH
- lch(81.35 71.3 86.1)
- CMYK
- cmyk(0% 17% 77% 7%)
Tinte · Ombre · Toni
Tinte
- EFCB56
- F1D16E
- F2D783
- F4DD96
- F6E3A9
- F8E9BA
- FAEECC
- FBF4DD
- FDFAEE
Ombre
- CEAB2E
- B09226
- 93791E
- 776116
- 5C4B0F
- 423508
- 2A2103
- 140E01
- 030200
Toni
- E2BE47
- D6B753
- CBB15C
- C0AA64
- B5A36A
- AA9C70
- 9F9575
- 958E79
- 8A877D
Armonie di colore
Complementare +180°
- EDC537
Fashion Yellow
- B6C6FF
≈ Light Periwinkle
Analogo -30° +30°
- EDC537
Fashion Yellow
- FFB878
≈ Durazno Maduro
- B8D95C
≈ Frog Prince
Triadico +120° +240°
- EDC537
Fashion Yellow
- 1BE1FF
≈ Vaporwave Blue
- FFA5F2
≈ Pink Wink
Complementare divisa +150° +210°
- EDC537
Fashion Yellow
- 94D1FF
≈ Long Island Sound
- D5BAFF
≈ Pink Illusion
Tetradico +90° +180° +270°
- EDC537
Fashion Yellow
- 00E8D1
≈ MoS₂ Cyan
- B6C6FF
≈ Light Periwinkle
- FFAFC4
≈ Baby’s Blanket
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.64:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--fashion-yellow: #edc537;
--fashion-yellow-rgb: 237 197 55;
--fashion-yellow-oklch: oklch(0.835 0.156 92.2);
}
.element {
color: var(--fashion-yellow);
background-color: hsl(47 83% 57%);
border-color: oklch(0.835 0.156 92.2);
}Tailwind CSS v4
@theme {
--color-fashion-yellow: #edc537;
--color-fashion-yellow-50: #fff5c3;
--color-fashion-yellow-100: #f9e8ad;
--color-fashion-yellow-200: #ead485;
--color-fashion-yellow-300: #d1b650;
--color-fashion-yellow-400: #bf9a00;
--color-fashion-yellow-500: #ab8000;
--color-fashion-yellow-600: #906c00;
--color-fashion-yellow-700: #745700;
--color-fashion-yellow-800: #573e00;
--color-fashion-yellow-900: #3d2b00;
--color-fashion-yellow-950: #261800;
}SCSS
$fashion-yellow: #edc537;
$fashion-yellow-rgb: 237, 197, 55;
$fashion-yellow-light: mix(#fff, $fashion-yellow, 20%);
$fashion-yellow-dark: mix(#000, $fashion-yellow, 20%);
.element {
color: $fashion-yellow;
box-shadow: 0 0 0 2px rgba($fashion-yellow, 0.35);
}