色名 · #FEA464
Usukō
Usukōは#FEA464：rgb(254 164 100)、hsl(25 99% 69%)、oklch(0.796 0.133 54.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Usukō color name →
#FEA464
oklch(0.796 0.133 54.9)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FFAE75
- FFB785
- FFC095
- FFC9A5
- FFD2B4
- FFDCC3
- FFE4D2
- FFEDE1
- FFF6F0
シェード
- DD8E56
- BD7948
- 9E643B
- 80502E
- 633D22
- 472B16
- 2D1A0B
- 160A03
- 030100
トーン
- F1A169
- E59E6D
- D89A70
- CB9773
- BF9376
- B29079
- A68C7B
- 99887D
- 8D847F
カラーハーモニー
補色 +180°
- FEA464
Usukō
- 65C9FF
≈ Skyan
類似色 -30° +30°
- FEA464
Usukō
- FF9E96
≈ Peach Amber
- E4B54A
≈ Va Va Voom
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.70:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
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);
}