Color con nombre · #FCF679
Straw Gold
Straw Gold es #FCF679: rgb(252 246 121), hsl(57 96% 73%), oklch(0.953 0.147 106.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Straw Gold color name →
#FCF679
oklch(0.953 0.147 106.4)
Conversiones de color
- HEX
- #fcf679
- RGB
- rgb(252 246 121)
- HSL
- hsl(57 96% 73%)
- HWB
- hwb(57 47% 1%)
- OKLCH
- oklch(0.953 0.147 106.4)
- OKLab
- oklab(0.953 -0.041 0.141)
- CIE Lab
- lab(95.53 -9.6 59.86)
- LCH
- lch(95.53 60.63 99.1)
- CMYK
- cmyk(0% 2% 52% 1%)
Tintes · Sombras · Tonos
Tintes
- FCF78A
- FCF899
- FCF9A7
- FDFAB5
- FDFBC2
- FDFCCF
- FEFDDB
- FEFEE7
- FFFEF3
Sombras
- DBD668
- BBB758
- 9C9848
- 7E7B39
- 625F2B
- 47451D
- 2D2C10
- 161505
- 030301
Tonos
- EFEA7C
- E2DE7F
- D5D281
- C8C682
- BCBA83
- AFAE83
- A3A283
- 979782
- 8C8B81
Armonías de color
Complementario +180°
- FCF679
Straw Gold
- EEEEFF
≈ Carte Blanche
Análogo -30° +30°
- FCF679
Straw Gold
- FFEDD3
≈ Crushed Cashew
- D3FFC0
≈ Greedy Green
Triádico +120° +240°
- FCF679
Straw Gold
- DCF4FF
≈ Wizard White
- FFE8F3
≈ Fairy Dust
Complementario dividido +150° +210°
- FCF679
Straw Gold
- E6F1FF
≈ Cotton Boll
- F9E9FF
≈ Placebo Fuchsia
Tetrádico +90° +180° +270°
- FCF679
Straw Gold
- B9FFFF
≈ The Big Freeze
- EEEEFF
≈ Carte Blanche
- FFEAEA
≈ Pink Lemonade
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.59:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.59:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--straw-gold: #fcf679;
--straw-gold-rgb: 252 246 121;
--straw-gold-oklch: oklch(0.953 0.147 106.4);
}
.element {
color: var(--straw-gold);
background-color: hsl(57 96% 73%);
border-color: oklch(0.953 0.147 106.4);
}Tailwind CSS v4
@theme {
--color-straw-gold: #fcf679;
--color-straw-gold-50: #f8f9c9;
--color-straw-gold-100: #ececb4;
--color-straw-gold-200: #d9da8f;
--color-straw-gold-300: #bebd5f;
--color-straw-gold-400: #aaa323;
--color-straw-gold-500: #948a00;
--color-straw-gold-600: #7d7500;
--color-straw-gold-700: #645e00;
--color-straw-gold-800: #4b4400;
--color-straw-gold-900: #342f00;
--color-straw-gold-950: #201b00;
}SCSS
$straw-gold: #fcf679;
$straw-gold-rgb: 252, 246, 121;
$straw-gold-light: mix(#fff, $straw-gold, 20%);
$straw-gold-dark: mix(#000, $straw-gold, 20%);
.element {
color: $straw-gold;
box-shadow: 0 0 0 2px rgba($straw-gold, 0.35);
}