Color con nombre · #FFA917
I Love to Boogie
I Love to Boogie es #FFA917: rgb(255 169 23), hsl(38 100% 55%), oklch(0.8 0.167 71.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · I Love to Boogie color name →
#FFA917
oklch(0.8 0.167 71.9)
Conversiones de color
- HEX
- #ffa917
- RGB
- rgb(255 169 23)
- HSL
- hsl(38 100% 55%)
- HWB
- hwb(38 9% 0%)
- OKLCH
- oklch(0.8 0.167 71.9)
- OKLab
- oklab(0.8 0.052 0.159)
- CIE Lab
- lab(76.52 25.69 76.72)
- LCH
- lch(76.52 80.9 71.5)
- CMYK
- cmyk(0% 34% 91% 0%)
Tintes · Sombras · Tonos
Tintes
- FFB244
- FFBB60
- FFC477
- FFCD8D
- FFD6A1
- FFDEB4
- FFE7C7
- FFEFDA
- FFF7ED
Sombras
- DE9212
- BE7C0E
- 9E670A
- 805306
- 633F04
- 482C02
- 2E1B01
- 160A00
- 030100
Tonos
- F2A534
- E5A244
- D89E51
- CC9A5B
- BF9663
- B2926A
- A68E71
- 998976
- 8D857B
Armonías de color
Complementario +180°
- FFA917
I Love to Boogie
- 8CC2FF
≈ Scenic Water
Análogo -30° +30°
- FFA917
I Love to Boogie
- FFA380
≈ Orchid Orange
- D4C000
≈ Groovy Lemon Pie
Triádico +120° +240°
- FFA917
I Love to Boogie
- 00D9D4
≈ Fish Boy
- DCA2FF
≈ Medium Lavender Magenta
Complementario dividido +150° +210°
- FFA917
I Love to Boogie
- 21D1FF
≈ Tropical Turquoise
- B3B6FF
≈ Greyish Lavender
Tetrádico +90° +180° +270°
- FFA917
I Love to Boogie
- 2ADE9C
≈ Reptile Green
- 8CC2FF
≈ Scenic Water
- FF94D9
≈ Pink Condition
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.91:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 10.93:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--i-love-to-boogie: #ffa917;
--i-love-to-boogie-rgb: 255 169 23;
--i-love-to-boogie-oklch: oklch(0.8 0.167 71.9);
}
.element {
color: var(--i-love-to-boogie);
background-color: hsl(38 100% 55%);
border-color: oklch(0.8 0.167 71.9);
}Tailwind CSS v4
@theme {
--color-i-love-to-boogie: #ffa917;
--color-i-love-to-boogie-50: #ffefc1;
--color-i-love-to-boogie-100: #ffe0aa;
--color-i-love-to-boogie-200: #ffca81;
--color-i-love-to-boogie-300: #eaa94a;
--color-i-love-to-boogie-400: #da8b00;
--color-i-love-to-boogie-500: #c76d00;
--color-i-love-to-boogie-600: #a85c00;
--color-i-love-to-boogie-700: #874a00;
--color-i-love-to-boogie-800: #663400;
--color-i-love-to-boogie-900: #472400;
--color-i-love-to-boogie-950: #2e1200;
}SCSS
$i-love-to-boogie: #ffa917;
$i-love-to-boogie-rgb: 255, 169, 23;
$i-love-to-boogie-light: mix(#fff, $i-love-to-boogie, 20%);
$i-love-to-boogie-dark: mix(#000, $i-love-to-boogie, 20%);
.element {
color: $i-love-to-boogie;
box-shadow: 0 0 0 2px rgba($i-love-to-boogie, 0.35);
}