Color con nombre · #EFE17E
Golden Blonde
Golden Blonde es #EFE17E: rgb(239 225 126), hsl(53 78% 72%), oklch(0.9 0.121 101.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Blonde color name →
#EFE17E
oklch(0.9 0.121 101.3)
Conversiones de color
- HEX
- #efe17e
- RGB
- rgb(239 225 126)
- HSL
- hsl(53 78% 72%)
- HWB
- hwb(53 49% 6%)
- OKLCH
- oklch(0.9 0.121 101.3)
- OKLab
- oklab(0.9 -0.024 0.119)
- CIE Lab
- lab(89.13 -4.6 49.84)
- LCH
- lch(89.13 50.06 95.3)
- CMYK
- cmyk(0% 6% 47% 6%)
Tintes · Sombras · Tonos
Tintes
- F0E48D
- F2E79B
- F4EBA8
- F5EEB5
- F7F1C2
- F8F4CE
- FAF7DB
- FCF9E7
- FDFCF3
Sombras
- D0C46D
- B1A75C
- 948B4C
- 78703C
- 5C562D
- 423E1F
- 2A2711
- 141205
- 030201
Tonos
- E3D780
- D8CD81
- CCC382
- C1B983
- B6B083
- ABA683
- A09C83
- 959382
- 8A8981
Armonías de color
Complementario +180°
- EFE17E
Golden Blonde
- D8DBFF
≈ Transparent Blue
Análogo -30° +30°
- EFE17E
Golden Blonde
- FFD6A6
≈ Fresh Apricot
- C1EF99
≈ Sweet Mint Pesto
Triádico +120° +240°
- EFE17E
Golden Blonde
- ABE9FF
≈ Fresh Air
- FFCDEC
≈ Infra-White
Complementario dividido +150° +210°
- EFE17E
Golden Blonde
- C7E1FF
≈ Arc Light
- EDD2FF
≈ Rose Dragée
Tetrádico +90° +180° +270°
- EFE17E
Golden Blonde
- 6CF8F2
≈ Ancient Ice
- D8DBFF
≈ Transparent Blue
- FFD1D5
≈ Love Fumes
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.74:1 · APCA Lc 87
Mejor color de texto: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-blonde: #efe17e;
--golden-blonde-rgb: 239 225 126;
--golden-blonde-oklch: oklch(0.9 0.121 101.3);
}
.element {
color: var(--golden-blonde);
background-color: hsl(53 78% 72%);
border-color: oklch(0.9 0.121 101.3);
}Tailwind CSS v4
@theme {
--color-golden-blonde: #efe17e;
--color-golden-blonde-50: #fbf7d0;
--color-golden-blonde-100: #efeabc;
--color-golden-blonde-200: #ddd79b;
--color-golden-blonde-300: #c2ba6f;
--color-golden-blonde-400: #aea043;
--color-golden-blonde-500: #988800;
--color-golden-blonde-600: #807300;
--color-golden-blonde-700: #675c02;
--color-golden-blonde-800: #4d4300;
--color-golden-blonde-900: #352e02;
--color-golden-blonde-950: #211b00;
}SCSS
$golden-blonde: #efe17e;
$golden-blonde-rgb: 239, 225, 126;
$golden-blonde-light: mix(#fff, $golden-blonde, 20%);
$golden-blonde-dark: mix(#000, $golden-blonde, 20%);
.element {
color: $golden-blonde;
box-shadow: 0 0 0 2px rgba($golden-blonde, 0.35);
}