Color con nombre · #F6F513
Lager
Lager es #F6F513: rgb(246 245 19), hsl(60 93% 52%), oklch(0.94 0.202 109.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lager color name →
#F6F513
oklch(0.94 0.202 109.4)
Conversiones de color
- HEX
- #f6f513
- RGB
- rgb(246 245 19)
- HSL
- hsl(60 93% 52%)
- HWB
- hwb(60 7% 4%)
- OKLCH
- oklch(0.94 0.202 109.4)
- OKLab
- oklab(0.94 -0.067 0.191)
- CIE Lab
- lab(94.31 -14.76 89.24)
- LCH
- lch(94.31 90.45 99.4)
- CMYK
- cmyk(0% 0% 92% 4%)
Tintes · Sombras · Tonos
Tintes
- F7F74C
- F7F86B
- F8F983
- F9FB98
- F9FCAB
- FAFDBD
- FBFDCE
- FDFEDF
- FEFFEF
Sombras
- D6D50F
- B7B60B
- 989807
- 7B7B05
- 5F5F03
- 454401
- 2C2B01
- 151500
- 030300
Tonos
- E9E93A
- DDDD4D
- D1D15A
- C4C664
- B9BA6C
- ADAE72
- A1A377
- 96977B
- 8B8C7E
Armonías de color
Complementario +180°
- F6F513
Lager
- EAE8FF
≈ Glitter
Análogo -30° +30°
- F6F513
Lager
- FFE8C3
≈ Candle Glow
- C2FFB3
≈ Sour Green Cherry
Triádico +120° +240°
- F6F513
Lager
- D4F0FF
≈ Ice Castle
- FFE2EF
≈ Pale Blossom
Complementario dividido +150° +210°
- F6F513
Lager
- E0ECFF
≈ Calcareous Sinter
- F9E2FF
≈ Sugarpills
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.16:1 · APCA Lc 8
Ag
AAASobre negro
WCAG 17.98:1 · APCA Lc 97
Mejor color de texto: #000000
WCAG 17.98:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--lager: #f6f513;
--lager-rgb: 246 245 19;
--lager-oklch: oklch(0.94 0.202 109.4);
}
.element {
color: var(--lager);
background-color: hsl(60 93% 52%);
border-color: oklch(0.94 0.202 109.4);
}Tailwind CSS v4
@theme {
--color-lager: #f6f513;
--color-lager-50: #f7fcb8;
--color-lager-100: #eaef9f;
--color-lager-200: #d7dd71;
--color-lager-300: #bcc027;
--color-lager-400: #a9a600;
--color-lager-500: #938c00;
--color-lager-600: #7c7700;
--color-lager-700: #635f00;
--color-lager-800: #4b4500;
--color-lager-900: #343000;
--color-lager-950: #201c00;
}SCSS
$lager: #f6f513;
$lager-rgb: 246, 245, 19;
$lager-light: mix(#fff, $lager, 20%);
$lager-dark: mix(#000, $lager, 20%);
.element {
color: $lager;
box-shadow: 0 0 0 2px rgba($lager, 0.35);
}