Color con nombre · #F7EB83
Golden Staff
Golden Staff es #F7EB83: rgb(247 235 131), hsl(54 88% 74%), oklch(0.928 0.126 102.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Staff color name →
#F7EB83
oklch(0.928 0.126 102.7)
Conversiones de color
- HEX
- #f7eb83
- RGB
- rgb(247 235 131)
- HSL
- hsl(54 88% 74%)
- HWB
- hwb(54 51% 3%)
- OKLCH
- oklch(0.928 0.126 102.7)
- OKLab
- oklab(0.928 -0.028 0.123)
- CIE Lab
- lab(92.41 -5.83 51.57)
- LCH
- lch(92.41 51.9 96.4)
- CMYK
- cmyk(0% 5% 47% 3%)
Tintes · Sombras · Tonos
Tintes
- F8ED91
- F8EF9F
- F9F2AC
- FAF4B9
- FBF6C5
- FBF8D1
- FCFADD
- FDFBE8
- FEFDF4
Sombras
- D7CC71
- B7AE60
- 99914F
- 7C753F
- 605B2F
- 454120
- 2C2912
- 151306
- 030301
Tonos
- EAE084
- DED585
- D2CA86
- C5BF86
- B9B586
- AEAA85
- A29F84
- 969583
- 8B8A82
Armonías de color
Complementario +180°
- F7EB83
Golden Staff
- E3E5FF
≈ Lavender Mist
Análogo -30° +30°
- F7EB83
Golden Staff
- FFE2BF
≈ Messinesi
- C7FAA1
≈ Menthol
Triádico +120° +240°
- F7EB83
Golden Staff
- C5EFFF
≈ Heaven’s Gate
- FFDBF0
≈ Silky Pink
Complementario dividido +150° +210°
- F7EB83
Golden Staff
- D7E9FF
≈ Veiling Waterfalls
- F3DFFF
≈ Lavender Savour
Tetrádico +90° +180° +270°
- F7EB83
Golden Staff
- 84FFFB
≈ Glitter Shower
- E3E5FF
≈ Lavender Mist
- FFDEE0
≈ Sweet Mallow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre negro
WCAG 17.16:1 · APCA Lc 93
Mejor color de texto: #000000
WCAG 17.16:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-staff: #f7eb83;
--golden-staff-rgb: 247 235 131;
--golden-staff-oklch: oklch(0.928 0.126 102.7);
}
.element {
color: var(--golden-staff);
background-color: hsl(54 88% 74%);
border-color: oklch(0.928 0.126 102.7);
}Tailwind CSS v4
@theme {
--color-golden-staff: #f7eb83;
--color-golden-staff-50: #faf8ce;
--color-golden-staff-100: #eeebba;
--color-golden-staff-200: #dcd898;
--color-golden-staff-300: #c1bb6c;
--color-golden-staff-400: #ada13e;
--color-golden-staff-500: #978800;
--color-golden-staff-600: #7f7300;
--color-golden-staff-700: #665c00;
--color-golden-staff-800: #4c4300;
--color-golden-staff-900: #352e00;
--color-golden-staff-950: #201b00;
}SCSS
$golden-staff: #f7eb83;
$golden-staff-rgb: 247, 235, 131;
$golden-staff-light: mix(#fff, $golden-staff, 20%);
$golden-staff-dark: mix(#000, $golden-staff, 20%);
.element {
color: $golden-staff;
box-shadow: 0 0 0 2px rgba($golden-staff, 0.35);
}