Color con nombre · #FEA464
Usukō
Usukō es #FEA464: rgb(254 164 100), hsl(25 99% 69%), oklch(0.796 0.133 54.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Usukō color name →
#FEA464
oklch(0.796 0.133 54.9)
Conversiones de color
- HEX
- #fea464
- RGB
- rgb(254 164 100)
- HSL
- hsl(25 99% 69%)
- HWB
- hwb(25 39% 0%)
- OKLCH
- oklch(0.796 0.133 54.9)
- OKLab
- oklab(0.796 0.077 0.109)
- CIE Lab
- lab(75.72 29.93 47.2)
- LCH
- lch(75.72 55.89 57.6)
- CMYK
- cmyk(0% 35% 61% 0%)
Tintes · Sombras · Tonos
Tintes
- FFAE75
- FFB785
- FFC095
- FFC9A5
- FFD2B4
- FFDCC3
- FFE4D2
- FFEDE1
- FFF6F0
Sombras
- DD8E56
- BD7948
- 9E643B
- 80502E
- 633D22
- 472B16
- 2D1A0B
- 160A03
- 030100
Tonos
- F1A169
- E59E6D
- D89A70
- CB9773
- BF9376
- B29079
- A68C7B
- 99887D
- 8D847F
Armonías de color
Complementario +180°
- FEA464
Usukō
- 65C9FF
≈ Skyan
Análogo -30° +30°
- FEA464
Usukō
- FF9E96
≈ Peach Amber
- E4B54A
≈ Va Va Voom
Triádico +120° +240°
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.70:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--usuko: #fea464;
--usuko-rgb: 254 164 100;
--usuko-oklch: oklch(0.796 0.133 54.9);
}
.element {
color: var(--usuko);
background-color: hsl(25 99% 69%);
border-color: oklch(0.796 0.133 54.9);
}Tailwind CSS v4
@theme {
--color-usuko: #fea464;
--color-usuko-50: #ffecd1;
--color-usuko-100: #ffddbd;
--color-usuko-200: #ffc69c;
--color-usuko-300: #eba672;
--color-usuko-400: #da874b;
--color-usuko-500: #c76a15;
--color-usuko-600: #a85a16;
--color-usuko-700: #874812;
--color-usuko-800: #65330d;
--color-usuko-900: #472308;
--color-usuko-950: #2e1100;
}SCSS
$usuko: #fea464;
$usuko-rgb: 254, 164, 100;
$usuko-light: mix(#fff, $usuko, 20%);
$usuko-dark: mix(#000, $usuko, 20%);
.element {
color: $usuko;
box-shadow: 0 0 0 2px rgba($usuko, 0.35);
}