Couleur nommée · #EDBB26
Gold Leaf
Gold Leaf correspond à #EDBB26 : rgb(237 187 38), hsl(45 85% 54%), oklch(0.815 0.158 87.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Gold Leaf color name →
#EDBB26
oklch(0.815 0.158 87.9)
Conversions de couleur
- HEX
- #edbb26
- RGB
- rgb(237 187 38)
- HSL
- hsl(45 85% 54%)
- HWB
- hwb(45 15% 7%)
- OKLCH
- oklch(0.815 0.158 87.9)
- OKLab
- oklab(0.815 0.006 0.158)
- CIE Lab
- lab(78.8 9.38 73.98)
- LCH
- lch(78.8 74.57 82.8)
- CMYK
- cmyk(0% 21% 84% 7%)
Teintes · Ombres · Tons
Teintes
- EFC24B
- F1C965
- F3D07C
- F5D790
- F6DEA4
- F8E5B7
- FAECC9
- FCF2DB
- FDF9ED
Ombres
- CEA220
- B08A19
- 937313
- 775C0D
- 5C4608
- 423204
- 2A1F02
- 140D01
- 030200
Tons
- E2B53C
- D6B04A
- CBAA55
- C0A45E
- B59E66
- AA986D
- A09272
- 958C78
- 8A867C
Harmonies de couleurs
Complémentaire +180°
- EDBB26
Gold Leaf
- A9C1FF
≈ Pastel Blue
Analogue -30° +30°
- EDBB26
Gold Leaf
- FFAD6D
≈ Transparent Orange
- BAD04A
≈ Mossy Shining Gold
Triadique +120° +240°
- EDBB26
Gold Leaf
- 00DBF1
≈ Tamarama
- F99BF6
≈ Pink Elephants
Complémentaire divisée +150° +210°
- EDBB26
Gold Leaf
- 7DCDFF
≈ Bubbly Barracuda
- CAB4FF
≈ Violet Heaven
Tétradique +90° +180° +270°
- EDBB26
Gold Leaf
- 00E1C2
≈ Celestial Green
- A9C1FF
≈ Pastel Blue
- FFA2C2
≈ Taffy Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.78:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.73:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--gold-leaf: #edbb26;
--gold-leaf-rgb: 237 187 38;
--gold-leaf-oklch: oklch(0.815 0.158 87.9);
}
.element {
color: var(--gold-leaf);
background-color: hsl(45 85% 54%);
border-color: oklch(0.815 0.158 87.9);
}Tailwind CSS v4
@theme {
--color-gold-leaf: #edbb26;
--color-gold-leaf-50: #fff4c2;
--color-gold-leaf-100: #fce6ab;
--color-gold-leaf-200: #efd283;
--color-gold-leaf-300: #d7b34d;
--color-gold-leaf-400: #c59700;
--color-gold-leaf-500: #b17c00;
--color-gold-leaf-600: #966900;
--color-gold-leaf-700: #785400;
--color-gold-leaf-800: #5a3c00;
--color-gold-leaf-900: #3f2900;
--color-gold-leaf-950: #281700;
}SCSS
$gold-leaf: #edbb26;
$gold-leaf-rgb: 237, 187, 38;
$gold-leaf-light: mix(#fff, $gold-leaf, 20%);
$gold-leaf-dark: mix(#000, $gold-leaf, 20%);
.element {
color: $gold-leaf;
box-shadow: 0 0 0 2px rgba($gold-leaf, 0.35);
}