Colore con nome · #EAC853
Yellow Brick Road
Yellow Brick Road è #EAC853: rgb(234 200 83), hsl(46 78% 62%), oklch(0.841 0.139 92.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Yellow Brick Road color name →
#EAC853
oklch(0.841 0.139 92.9)
Conversioni di colore
- HEX
- #eac853
- RGB
- rgb(234 200 83)
- HSL
- hsl(46 78% 62%)
- HWB
- hwb(46 33% 8%)
- OKLCH
- oklch(0.841 0.139 92.9)
- OKLab
- oklab(0.841 -0.007 0.139)
- CIE Lab
- lab(81.97 3.07 61.08)
- LCH
- lch(81.97 61.16 87.1)
- CMYK
- cmyk(0% 15% 65% 8%)
Tinte · Ombre · Toni
Tinte
- ECCE69
- EED47C
- F0D98E
- F2DFA0
- F4E4B0
- F7EAC0
- F9EFD0
- FBF5E0
- FDFAF0
Ombre
- CBAE47
- AE943B
- 917B30
- 756325
- 5A4C1B
- 413611
- 292108
- 130F02
- 030200
Toni
- DFC15C
- D4BA63
- C9B269
- BEAB6E
- B4A472
- A99D76
- 9F9679
- 948E7C
- 8A877E
Armonie di colore
Complementare +180°
- EAC853
Yellow Brick Road
- B9C8FF
≈ Light Periwinkle
Analogo -30° +30°
- EAC853
Yellow Brick Road
- FFBA7B
≈ Buff Orange
- BAD96E
≈ Melissa
Triadico +120° +240°
- EAC853
Yellow Brick Road
- 3AE1FF
≈ Splashing Wave
- FFA9F1
≈ Pink Wink
Complementare divisa +150° +210°
- EAC853
Yellow Brick Road
- 99D2FF
≈ Long Island Sound
- D7BCFF
≈ Lavender Fragrance
Tetradico +90° +180° +270°
- EAC853
Yellow Brick Road
- 39E8D3
≈ First Timer Green
- B9C8FF
≈ Light Periwinkle
- FFB1C5
≈ Baby’s Blanket
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.88:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--yellow-brick-road: #eac853;
--yellow-brick-road-rgb: 234 200 83;
--yellow-brick-road-oklch: oklch(0.841 0.139 92.9);
}
.element {
color: var(--yellow-brick-road);
background-color: hsl(46 78% 62%);
border-color: oklch(0.841 0.139 92.9);
}Tailwind CSS v4
@theme {
--color-yellow-brick-road: #eac853;
--color-yellow-brick-road-50: #fff6c9;
--color-yellow-brick-road-100: #f6e8b3;
--color-yellow-brick-road-200: #e7d48f;
--color-yellow-brick-road-300: #ceb75f;
--color-yellow-brick-road-400: #bb9b26;
--color-yellow-brick-road-500: #a68100;
--color-yellow-brick-road-600: #8c6e00;
--color-yellow-brick-road-700: #705800;
--color-yellow-brick-road-800: #543f00;
--color-yellow-brick-road-900: #3b2c00;
--color-yellow-brick-road-950: #251900;
}SCSS
$yellow-brick-road: #eac853;
$yellow-brick-road-rgb: 234, 200, 83;
$yellow-brick-road-light: mix(#fff, $yellow-brick-road, 20%);
$yellow-brick-road-dark: mix(#000, $yellow-brick-road, 20%);
.element {
color: $yellow-brick-road;
box-shadow: 0 0 0 2px rgba($yellow-brick-road, 0.35);
}