Colore con nome · #EACE6A
Golden Sand
Golden Sand è #EACE6A: rgb(234 206 106), hsl(47 75% 67%), oklch(0.855 0.124 94). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Sand color name →
#EACE6A
oklch(0.855 0.124 94)
Conversioni di colore
- HEX
- #eace6a
- RGB
- rgb(234 206 106)
- HSL
- hsl(47 75% 67%)
- HWB
- hwb(47 42% 8%)
- OKLCH
- oklch(0.855 0.124 94)
- OKLab
- oklab(0.855 -0.009 0.124)
- CIE Lab
- lab(83.67 1.29 52.73)
- LCH
- lch(83.67 52.74 88.6)
- CMYK
- cmyk(0% 12% 55% 8%)
Tinte · Ombre · Toni
Tinte
- ECD37B
- EED88C
- F0DD9B
- F2E2AA
- F4E7B9
- F7ECC7
- F9F1D5
- FBF6E3
- FDFAF1
Ombre
- CBB35B
- AE984D
- 917F3F
- 756631
- 5A4E24
- 413818
- 29230D
- 130F04
- 030200
Toni
- DFC66E
- D4BE72
- C9B675
- BEAF78
- B4A77A
- A99F7C
- 9F977E
- 948F7F
- 8A8880
Armonie di colore
Complementare +180°
- EACE6A
Golden Sand
- C0CDFF
≈ Lavender Blue
Analogo -30° +30°
- EACE6A
Golden Sand
- FFC187
≈ Buttery
- BEDD80
≈ Green Chalk
Triadico +120° +240°
- EACE6A
Golden Sand
- 61E3FF
≈ Athena Blue
- FFB2EF
≈ Pink Apotheosis
Complementare divisa +150° +210°
- EACE6A
Golden Sand
- A4D6FF
≈ Malmö FF
- DCC2FF
≈ Neon Boneyard
Tetradico +90° +180° +270°
- EACE6A
Golden Sand
- 5CEAD8
≈ Near Moon
- C0CDFF
≈ Lavender Blue
- FFB9C9
≈ Tentacle Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.53:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.53:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-sand: #eace6a;
--golden-sand-rgb: 234 206 106;
--golden-sand-oklch: oklch(0.855 0.124 94);
}
.element {
color: var(--golden-sand);
background-color: hsl(47 75% 67%);
border-color: oklch(0.855 0.124 94);
}Tailwind CSS v4
@theme {
--color-golden-sand: #eace6a;
--color-golden-sand-50: #fff6ce;
--color-golden-sand-100: #f4e8ba;
--color-golden-sand-200: #e4d598;
--color-golden-sand-300: #cab76b;
--color-golden-sand-400: #b79d3d;
--color-golden-sand-500: #a18300;
--color-golden-sand-600: #886f00;
--color-golden-sand-700: #6d5900;
--color-golden-sand-800: #524000;
--color-golden-sand-900: #392c00;
--color-golden-sand-950: #231900;
}SCSS
$golden-sand: #eace6a;
$golden-sand-rgb: 234, 206, 106;
$golden-sand-light: mix(#fff, $golden-sand, 20%);
$golden-sand-dark: mix(#000, $golden-sand, 20%);
.element {
color: $golden-sand;
box-shadow: 0 0 0 2px rgba($golden-sand, 0.35);
}