Colore con nome · #E4C36C
Bountiful Gold
Bountiful Gold è #E4C36C: rgb(228 195 108), hsl(43 69% 66%), oklch(0.828 0.113 89.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Bountiful Gold color name →
#E4C36C
oklch(0.828 0.113 89.1)
Conversioni di colore
- HEX
- #e4c36c
- RGB
- rgb(228 195 108)
- HSL
- hsl(43 69% 66%)
- HWB
- hwb(43 42% 11%)
- OKLCH
- oklch(0.828 0.113 89.1)
- OKLab
- oklab(0.828 0.002 0.113)
- CIE Lab
- lab(80.34 4.33 47.78)
- LCH
- lch(80.34 47.98 84.8)
- CMYK
- cmyk(0% 14% 53% 11%)
Tinte · Ombre · Toni
Tinte
- E7C97C
- E9CF8C
- ECD59B
- EFDBAA
- F2E1B8
- F4E7C7
- F7EDD5
- FAF3E3
- FCF9F1
Ombre
- C6A95D
- A9904E
- 8D7840
- 726032
- 584A25
- 3F3419
- 28200D
- 120E04
- 030200
Toni
- DABC70
- CFB673
- C5AF76
- BBA878
- B1A17A
- A79B7C
- 9D947D
- 938D7F
- 8A877F
Armonie di colore
Complementare +180°
- E4C36C
Bountiful Gold
- B0C5FF
≈ Night Snow
Analogo -30° +30°
- E4C36C
Bountiful Gold
- FDB47A
≈ Market Melon
- BED17B
≈ Olive Buff
Triadico +120° +240°
- E4C36C
Bountiful Gold
- 5EDBEE
≈ Electric Lemonade
- F0ACEB
≈ Pinky Swear
Complementare divisa +150° +210°
- E4C36C
Bountiful Gold
- 8AD0FF
≈ Drift on the Sea
- CFB8FF
≈ Violet Heaven
Tetradico +90° +180° +270°
- E4C36C
Bountiful Gold
- 68DFC8
≈ Star Grass
- B0C5FF
≈ Night Snow
- FFAAC5
≈ Heartfelt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.32:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--bountiful-gold: #e4c36c;
--bountiful-gold-rgb: 228 195 108;
--bountiful-gold-oklch: oklch(0.828 0.113 89.1);
}
.element {
color: var(--bountiful-gold);
background-color: hsl(43 69% 66%);
border-color: oklch(0.828 0.113 89.1);
}Tailwind CSS v4
@theme {
--color-bountiful-gold: #e4c36c;
--color-bountiful-gold-50: #fff5d1;
--color-bountiful-gold-100: #f6e7be;
--color-bountiful-gold-200: #e6d39d;
--color-bountiful-gold-300: #cdb672;
--color-bountiful-gold-400: #b99b49;
--color-bountiful-gold-500: #a4810b;
--color-bountiful-gold-600: #8b6d10;
--color-bountiful-gold-700: #6f580e;
--color-bountiful-gold-800: #533f07;
--color-bountiful-gold-900: #3a2c05;
--color-bountiful-gold-950: #241900;
}SCSS
$bountiful-gold: #e4c36c;
$bountiful-gold-rgb: 228, 195, 108;
$bountiful-gold-light: mix(#fff, $bountiful-gold, 20%);
$bountiful-gold-dark: mix(#000, $bountiful-gold, 20%);
.element {
color: $bountiful-gold;
box-shadow: 0 0 0 2px rgba($bountiful-gold, 0.35);
}