Color con nombre · #E7E04E
Dragon’s Gold
Dragon’s Gold es #E7E04E: rgb(231 224 78), hsl(57 76% 61%), oklch(0.887 0.162 106.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Dragon’s Gold color name →
#E7E04E
oklch(0.887 0.162 106.6)
Conversiones de color
- HEX
- #e7e04e
- RGB
- rgb(231 224 78)
- HSL
- hsl(57 76% 61%)
- HWB
- hwb(57 31% 9%)
- OKLCH
- oklch(0.887 0.162 106.6)
- OKLab
- oklab(0.887 -0.046 0.155)
- CIE Lab
- lab(87.81 -9.87 68.82)
- LCH
- lch(87.81 69.53 98.2)
- CMYK
- cmyk(0% 3% 66% 9%)
Tintes · Sombras · Tonos
Tintes
- E9E367
- EBE77C
- EEEA8F
- F0EDA0
- F2F1B1
- F5F4C1
- F7F7D1
- FAFAE1
- FCFCF0
Sombras
- C9C343
- ABA638
- 8F8A2D
- 737023
- 595619
- 403E0F
- 282707
- 131202
- 030200
Tonos
- DCD659
- D1CD61
- C7C368
- BCB96E
- B2B073
- A7A677
- 9D9D7A
- 93937C
- 8A8A7E
Armonías de color
Complementario +180°
- E7E04E
Dragon’s Gold
- D6D5FF
≈ Pale Phthalo Blue
Análogo -30° +30°
- E7E04E
Dragon’s Gold
- FFD18E
≈ Sunporch
- A6F283
≈ Green Day
Triádico +120° +240°
- E7E04E
Dragon’s Gold
- A6E4FF
≈ Ganon Blue
- FFC7E3
≈ Sugarwinkle
Complementario dividido +150° +210°
- E7E04E
Dragon’s Gold
- C2DCFF
≈ Broad Daylight
- F0C9FF
≈ Aquarelle Lilac
Tetrádico +90° +180° +270°
- E7E04E
Dragon’s Gold
- 00F8FB
≈ Hey Blue!
- D6D5FF
≈ Pale Phthalo Blue
- FFCACC
≈ Elegant Light Rose
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.17:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.17:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--dragon-s-gold: #e7e04e;
--dragon-s-gold-rgb: 231 224 78;
--dragon-s-gold-oklch: oklch(0.887 0.162 106.6);
}
.element {
color: var(--dragon-s-gold);
background-color: hsl(57 76% 61%);
border-color: oklch(0.887 0.162 106.6);
}Tailwind CSS v4
@theme {
--color-dragon-s-gold: #e7e04e;
--color-dragon-s-gold-50: #f8fac4;
--color-dragon-s-gold-100: #ecedae;
--color-dragon-s-gold-200: #dada87;
--color-dragon-s-gold-300: #bfbe52;
--color-dragon-s-gold-400: #aba300;
--color-dragon-s-gold-500: #958a00;
--color-dragon-s-gold-600: #7e7500;
--color-dragon-s-gold-700: #655e00;
--color-dragon-s-gold-800: #4c4400;
--color-dragon-s-gold-900: #352f00;
--color-dragon-s-gold-950: #201b00;
}SCSS
$dragon-s-gold: #e7e04e;
$dragon-s-gold-rgb: 231, 224, 78;
$dragon-s-gold-light: mix(#fff, $dragon-s-gold, 20%);
$dragon-s-gold-dark: mix(#000, $dragon-s-gold, 20%);
.element {
color: $dragon-s-gold;
box-shadow: 0 0 0 2px rgba($dragon-s-gold, 0.35);
}