Colore con nome · #FEA464
Usukō
Usukō è #FEA464: rgb(254 164 100), hsl(25 99% 69%), oklch(0.796 0.133 54.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Usukō color name →
#FEA464
oklch(0.796 0.133 54.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FFAE75
- FFB785
- FFC095
- FFC9A5
- FFD2B4
- FFDCC3
- FFE4D2
- FFEDE1
- FFF6F0
Ombre
- DD8E56
- BD7948
- 9E643B
- 80502E
- 633D22
- 472B16
- 2D1A0B
- 160A03
- 030100
Toni
- F1A169
- E59E6D
- D89A70
- CB9773
- BF9376
- B29079
- A68C7B
- 99887D
- 8D847F
Armonie di colore
Complementare +180°
- FEA464
Usukō
- 65C9FF
≈ Skyan
Analogo -30° +30°
- FEA464
Usukō
- FF9E96
≈ Peach Amber
- E4B54A
≈ Va Va Voom
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.70:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
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);
}