Color con nombre · #FED903
Evil-Lyn
Evil-Lyn es #FED903: rgb(254 217 3), hsl(51 99% 50%), oklch(0.89 0.183 96.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Evil-Lyn color name →
#FED903
oklch(0.89 0.183 96.5)
Conversiones de color
- HEX
- #fed903
- RGB
- rgb(254 217 3)
- HSL
- hsl(51 99% 50%)
- HWB
- hwb(51 1% 0%)
- OKLCH
- oklch(0.89 0.183 96.5)
- OKLab
- oklab(0.89 -0.021 0.182)
- CIE Lab
- lab(87.87 1.55 86.52)
- LCH
- lch(87.87 86.53 89)
- CMYK
- cmyk(0% 15% 99% 0%)
Tintes · Sombras · Tonos
Tintes
- FEDD46
- FEE264
- FEE67D
- FEEA92
- FEEEA6
- FEF1B9
- FEF5CB
- FFF8DD
- FFFCEE
Sombras
- DDBC02
- BDA102
- 9E8601
- 806C01
- 635300
- 473B00
- 2D2500
- 161100
- 030200
Tonos
- F1D033
- E4C747
- D6BE55
- CAB55F
- BDAD67
- B0A46E
- A49B74
- 989279
- 8C897D
Armonías de color
Complementario +180°
- FED903
Evil-Lyn
- D1D8FF
≈ Icy Plains
Análogo -30° +30°
- FED903
Evil-Lyn
- FFD1A3
≈ Affinity
- BBF05D
≈ Green Cow
Triádico +120° +240°
- FED903
Evil-Lyn
- 98E9FF
≈ Winter Wizard
- FFC6EF
≈ Rosy Maple Moth
Complementario dividido +150° +210°
- FED903
Evil-Lyn
- BDDFFF
≈ Dithered Sky
- E6D0FF
≈ Rose Dragée
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.14:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--evil-lyn: #fed903;
--evil-lyn-rgb: 254 217 3;
--evil-lyn-oklch: oklch(0.89 0.183 96.5);
}
.element {
color: var(--evil-lyn);
background-color: hsl(51 99% 50%);
border-color: oklch(0.89 0.183 96.5);
}Tailwind CSS v4
@theme {
--color-evil-lyn: #fed903;
--color-evil-lyn-50: #fff7ba;
--color-evil-lyn-100: #f7e9a2;
--color-evil-lyn-200: #e8d575;
--color-evil-lyn-300: #d0b833;
--color-evil-lyn-400: #be9c00;
--color-evil-lyn-500: #aa8100;
--color-evil-lyn-600: #906e00;
--color-evil-lyn-700: #735800;
--color-evil-lyn-800: #573f00;
--color-evil-lyn-900: #3d2b00;
--color-evil-lyn-950: #261800;
}SCSS
$evil-lyn: #fed903;
$evil-lyn-rgb: 254, 217, 3;
$evil-lyn-light: mix(#fff, $evil-lyn, 20%);
$evil-lyn-dark: mix(#000, $evil-lyn, 20%);
.element {
color: $evil-lyn;
box-shadow: 0 0 0 2px rgba($evil-lyn, 0.35);
}