Color con nombre · #E2B31B
Golden Frame
Golden Frame es #E2B31B: rgb(226 179 27), hsl(46 79% 50%), oklch(0.787 0.156 88.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Frame color name →
#E2B31B
oklch(0.787 0.156 88.8)
Conversiones de color
- HEX
- #e2b31b
- RGB
- rgb(226 179 27)
- HSL
- hsl(46 79% 50%)
- HWB
- hwb(46 11% 11%)
- OKLCH
- oklch(0.787 0.156 88.8)
- OKLab
- oklab(0.787 0.003 0.156)
- CIE Lab
- lab(75.64 8.51 73.52)
- LCH
- lch(75.64 74.01 83.4)
- CMYK
- cmyk(0% 21% 88% 11%)
Tintes · Sombras · Tonos
Tintes
- E5BB45
- E8C360
- EBCB77
- EED28D
- F1DAA1
- F4E2B4
- F7E9C7
- F9F0DA
- FCF8EC
Sombras
- C49B16
- A88411
- 8C6E0C
- 715808
- 574305
- 3E2F02
- 271D01
- 120C00
- 030100
Tonos
- D8AE35
- CEA945
- C4A451
- BA9F5B
- B09A63
- A6956A
- 9D9071
- 938B76
- 89857B
Armonías de color
Complementario +180°
- E2B31B
Golden Frame
- 9DB7FF
≈ Truesky Gloxym
Análogo -30° +30°
- E2B31B
Golden Frame
- FFA04D
≈ Bittersweet
- B0C744
≈ Acid Candy
Triádico +120° +240°
- E2B31B
Golden Frame
- 00D1E8
≈ Picnic Day Sky
- F093EB
≈ Diva Mecha
Complementario dividido +150° +210°
- E2B31B
Golden Frame
- 68C4FF
≈ Maya Blue
- C5A7FF
≈ Purple Hepatica
Tetrádico +90° +180° +270°
- E2B31B
Golden Frame
- 00D7BB
≈ Channel Marker Green
- 9DB7FF
≈ Truesky Gloxym
- FF93B8
≈ Schauss Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.69:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-frame: #e2b31b;
--golden-frame-rgb: 226 179 27;
--golden-frame-oklch: oklch(0.787 0.156 88.8);
}
.element {
color: var(--golden-frame);
background-color: hsl(46 79% 50%);
border-color: oklch(0.787 0.156 88.8);
}Tailwind CSS v4
@theme {
--color-golden-frame: #e2b31b;
--color-golden-frame-50: #fff4c3;
--color-golden-frame-100: #fbe7ac;
--color-golden-frame-200: #edd285;
--color-golden-frame-300: #d5b450;
--color-golden-frame-400: #c49800;
--color-golden-frame-500: #b07d00;
--color-golden-frame-600: #946a00;
--color-golden-frame-700: #775500;
--color-golden-frame-800: #593d00;
--color-golden-frame-900: #3f2a00;
--color-golden-frame-950: #281700;
}SCSS
$golden-frame: #e2b31b;
$golden-frame-rgb: 226, 179, 27;
$golden-frame-light: mix(#fff, $golden-frame, 20%);
$golden-frame-dark: mix(#000, $golden-frame, 20%);
.element {
color: $golden-frame;
box-shadow: 0 0 0 2px rgba($golden-frame, 0.35);
}