Colore con nome · #EDDB8E
Golden Scarab
Golden Scarab è #EDDB8E: rgb(237 219 142), hsl(49 73% 74%), oklch(0.889 0.099 96.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Scarab color name →
#EDDB8E
oklch(0.889 0.099 96.6)
Conversioni di colore
- HEX
- #eddb8e
- RGB
- rgb(237 219 142)
- HSL
- hsl(49 73% 74%)
- HWB
- hwb(49 56% 7%)
- OKLCH
- oklch(0.889 0.099 96.6)
- OKLab
- oklab(0.889 -0.011 0.098)
- CIE Lab
- lab(87.61 -1.39 40.19)
- LCH
- lch(87.61 40.22 92)
- CMYK
- cmyk(0% 8% 40% 7%)
Tinte · Ombre · Toni
Tinte
- EFDF9A
- F1E2A6
- F2E6B2
- F4EABD
- F6EDC8
- F8F1D3
- F9F5DE
- FBF8E9
- FDFCF4
Ombre
- CEBE7B
- B0A268
- 938756
- 776D44
- 5C5434
- 423C24
- 2A2615
- 141107
- 030201
Toni
- E2D28D
- D6C88D
- CBBF8C
- C0B68B
- B5AD89
- AAA488
- 9F9B86
- 959284
- 8A8982
Armonie di colore
Complementare +180°
- EDDB8E
Golden Scarab
- D0D8FF
≈ Icy Plains
Analogo -30° +30°
- EDDB8E
Golden Scarab
- FFD1A2
≈ Orange Canyon
- C9E79F
≈ Field Day
Triadico +120° +240°
- EDDB8E
Golden Scarab
- 97E9FF
≈ Winter Wizard
- FFC6EF
≈ Rosy Maple Moth
Complementare divisa +150° +210°
- EDDB8E
Golden Scarab
- BCDFFF
≈ Dithered Sky
- E6CFFF
≈ Lens Flare Pink
Tetradico +90° +180° +270°
- EDDB8E
Golden Scarab
- 88F0E5
≈ Turquoise Pearl
- D0D8FF
≈ Icy Plains
- FFCBD4
≈ Sweet Sixteen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.12:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-scarab: #eddb8e;
--golden-scarab-rgb: 237 219 142;
--golden-scarab-oklch: oklch(0.889 0.099 96.6);
}
.element {
color: var(--golden-scarab);
background-color: hsl(49 73% 74%);
border-color: oklch(0.889 0.099 96.6);
}Tailwind CSS v4
@theme {
--color-golden-scarab: #eddb8e;
--color-golden-scarab-50: #fcf6d6;
--color-golden-scarab-100: #f0e9c4;
--color-golden-scarab-200: #dfd5a5;
--color-golden-scarab-300: #c4b97d;
--color-golden-scarab-400: #af9f57;
--color-golden-scarab-500: #99862d;
--color-golden-scarab-600: #817128;
--color-golden-scarab-700: #685b20;
--color-golden-scarab-800: #4d4215;
--color-golden-scarab-900: #362d0d;
--color-golden-scarab-950: #211a02;
}SCSS
$golden-scarab: #eddb8e;
$golden-scarab-rgb: 237, 219, 142;
$golden-scarab-light: mix(#fff, $golden-scarab, 20%);
$golden-scarab-dark: mix(#000, $golden-scarab, 20%);
.element {
color: $golden-scarab;
box-shadow: 0 0 0 2px rgba($golden-scarab, 0.35);
}