Color con nombre · #E5B321
Kogane Gold
Kogane Gold es #E5B321: rgb(229 179 33), hsl(45 79% 51%), oklch(0.791 0.155 87.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Kogane Gold color name →
#E5B321
oklch(0.791 0.155 87.2)
Conversiones de color
- HEX
- #e5b321
- RGB
- rgb(229 179 33)
- HSL
- hsl(45 79% 51%)
- HWB
- hwb(45 13% 10%)
- OKLCH
- oklch(0.791 0.155 87.2)
- OKLab
- oklab(0.791 0.008 0.155)
- CIE Lab
- lab(75.97 9.88 72.6)
- LCH
- lch(75.97 73.27 82.2)
- CMYK
- cmyk(0% 22% 86% 10%)
Tintes · Sombras · Tonos
Tintes
- E8BB48
- EBC362
- EDCB79
- F0D28E
- F2DAA2
- F5E2B5
- F8E9C8
- FAF0DA
- FDF8ED
Sombras
- C79B1B
- AA8416
- 8E6E10
- 72580B
- 584306
- 3F2F03
- 281D01
- 120C00
- 030100
Tonos
- DBAE38
- D0A947
- C6A453
- BC9F5C
- B29A64
- A7956B
- 9D9071
- 948B77
- 8A857C
Armonías de color
Complementario +180°
- E5B321
Kogane Gold
- 9DB9FF
≈ Truesky Gloxym
Análogo -30° +30°
- E5B321
Kogane Gold
- FFA156
≈ Off-The-Leash Orange
- B4C744
≈ Rainforest Glow
Triádico +120° +240°
- E5B321
Kogane Gold
- 00D2E7
≈ Aztec Turquoise
- EF95EE
≈ Diva Mecha
Complementario dividido +150° +210°
- E5B321
Kogane Gold
- 66C6FF
≈ Maya Blue
- C3AAFF
≈ Purple Hepatica
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.80:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--kogane-gold: #e5b321;
--kogane-gold-rgb: 229 179 33;
--kogane-gold-oklch: oklch(0.791 0.155 87.2);
}
.element {
color: var(--kogane-gold);
background-color: hsl(45 79% 51%);
border-color: oklch(0.791 0.155 87.2);
}Tailwind CSS v4
@theme {
--color-kogane-gold: #e5b321;
--color-kogane-gold-50: #fff4c3;
--color-kogane-gold-100: #fde6ad;
--color-kogane-gold-200: #efd185;
--color-kogane-gold-300: #d7b350;
--color-kogane-gold-400: #c59700;
--color-kogane-gold-500: #b17c00;
--color-kogane-gold-600: #966900;
--color-kogane-gold-700: #785400;
--color-kogane-gold-800: #5a3c00;
--color-kogane-gold-900: #3f2900;
--color-kogane-gold-950: #281700;
}SCSS
$kogane-gold: #e5b321;
$kogane-gold-rgb: 229, 179, 33;
$kogane-gold-light: mix(#fff, $kogane-gold, 20%);
$kogane-gold-dark: mix(#000, $kogane-gold, 20%);
.element {
color: $kogane-gold;
box-shadow: 0 0 0 2px rgba($kogane-gold, 0.35);
}