Color con nombre · #EFC600
Brilliant Impression
Brilliant Impression es #EFC600: rgb(239 198 0), hsl(50 100% 47%), oklch(0.838 0.172 93.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Brilliant Impression color name →
#EFC600
oklch(0.838 0.172 93.8)
Conversiones de color
- HEX
- #efc600
- RGB
- rgb(239 198 0)
- HSL
- hsl(50 100% 47%)
- HWB
- hwb(50 0% 6%)
- OKLCH
- oklch(0.838 0.172 93.8)
- OKLab
- oklab(0.838 -0.011 0.171)
- CIE Lab
- lab(81.67 4.42 81.86)
- LCH
- lch(81.67 81.97 86.9)
- CMYK
- cmyk(0% 17% 100% 6%)
Tintes · Sombras · Tonos
Tintes
- F1CC42
- F2D260
- F4D878
- F5DE8E
- F7E4A2
- F9E9B6
- FAEFC8
- FCF4DB
- FDFAED
Sombras
- D0AC00
- B19200
- 947A00
- 786200
- 5C4B00
- 423500
- 2A2100
- 140E00
- 030200
Tonos
- E3BF2F
- D8B843
- CCB151
- C1AA5B
- B6A464
- AB9D6B
- A09572
- 958E77
- 8A877C
Armonías de color
Complementario +180°
- EFC600
Brilliant Impression
- B9C7FF
≈ Light Periwinkle
Análogo -30° +30°
- EFC600
Brilliant Impression
- FFB977
≈ Durazno Maduro
- B3DC4F
≈ Conifer
Triádico +120° +240°
- EFC600
Brilliant Impression
- 3AE0FF
≈ Splashing Wave
- FFA7EE
≈ Pink Wink
Complementario dividido +150° +210°
- EFC600
Brilliant Impression
- 98D1FF
≈ Long Island Sound
- D7BAFF
≈ Lavender Fragrance
Tetrádico +90° +180° +270°
- EFC600
Brilliant Impression
- 00E8D4
≈ MoS₂ Cyan
- B9C7FF
≈ Light Periwinkle
- FFB0C3
≈ Baby’s Blanket
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.64:1 · APCA Lc 28
Ag
AAASobre negro
WCAG 12.74:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--brilliant-impression: #efc600;
--brilliant-impression-rgb: 239 198 0;
--brilliant-impression-oklch: oklch(0.838 0.172 93.8);
}
.element {
color: var(--brilliant-impression);
background-color: hsl(50 100% 47%);
border-color: oklch(0.838 0.172 93.8);
}Tailwind CSS v4
@theme {
--color-brilliant-impression: #efc600;
--color-brilliant-impression-50: #fff6be;
--color-brilliant-impression-100: #f9e8a6;
--color-brilliant-impression-200: #ead47c;
--color-brilliant-impression-300: #d2b640;
--color-brilliant-impression-400: #c09a00;
--color-brilliant-impression-500: #ac8000;
--color-brilliant-impression-600: #916c00;
--color-brilliant-impression-700: #755700;
--color-brilliant-impression-800: #583e00;
--color-brilliant-impression-900: #3d2b00;
--color-brilliant-impression-950: #271800;
}SCSS
$brilliant-impression: #efc600;
$brilliant-impression-rgb: 239, 198, 0;
$brilliant-impression-light: mix(#fff, $brilliant-impression, 20%);
$brilliant-impression-dark: mix(#000, $brilliant-impression, 20%);
.element {
color: $brilliant-impression;
box-shadow: 0 0 0 2px rgba($brilliant-impression, 0.35);
}