色名 · #F9B82B
Hot Sun
Hot Sunは#F9B82B：rgb(249 184 43)、hsl(41 94% 57%)、oklch(0.822 0.159 80.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Hot Sun color name →
#F9B82B
oklch(0.822 0.159 80.9)
カラー変換
- HEX
- #f9b82b
- RGB
- rgb(249 184 43)
- HSL
- hsl(41 94% 57%)
- HWB
- hwb(41 17% 2%)
- OKLCH
- oklch(0.822 0.159 80.9)
- OKLab
- oklab(0.822 0.025 0.157)
- CIE Lab
- lab(79.38 16.02 73.74)
- LCH
- lch(79.38 75.46 77.7)
- CMYK
- cmyk(0% 26% 83% 2%)
ティント · シェード · トーン
ティント
- FAC04E
- FBC768
- FCCE7E
- FCD692
- FDDDA5
- FEE4B8
- FEEBCA
- FFF2DC
- FFF8ED
シェード
- D9A024
- B9881D
- 9A7116
- 7D5B10
- 61450A
- 463105
- 2C1E02
- 150C01
- 030200
トーン
- EDB33F
- E0AD4C
- D4A857
- C8A260
- BB9D67
- AF976E
- A39273
- 988C78
- 8C867C
カラーハーモニー
補色 +180°
- F9B82B
Hot Sun
- A4C6FF
≈ Night Snow
類似色 -30° +30°
- F9B82B
Hot Sun
- FFAF81
≈ Sassy Peach
- CACE3E
≈ Yellow-Green Grosbeak
トライアド +120° +240°
- F9B82B
Hot Sun
- 00DFEA
≈ Tamarama
- F0A3FF
≈ Rich Brilliant Lavender
スプリットコンプリメンタリー +150° +210°
- F9B82B
Hot Sun
- 73D2FF
≈ Heisenberg Blue
- C4BAFF
≈ Lavender Tonic
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.91:1 · APCA Lc 71
最適な文字色: #000000
WCAG 11.91:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--hot-sun: #f9b82b;
--hot-sun-rgb: 249 184 43;
--hot-sun-oklch: oklch(0.822 0.159 80.9);
}
.element {
color: var(--hot-sun);
background-color: hsl(41 94% 57%);
border-color: oklch(0.822 0.159 80.9);
}Tailwind CSS v4
@theme {
--color-hot-sun: #f9b82b;
--color-hot-sun-50: #fff2c2;
--color-hot-sun-100: #ffe4ab;
--color-hot-sun-200: #f6ce83;
--color-hot-sun-300: #dfaf4d;
--color-hot-sun-400: #ce9200;
--color-hot-sun-500: #bb7600;
--color-hot-sun-600: #9e6400;
--color-hot-sun-700: #7f5000;
--color-hot-sun-800: #5f3900;
--color-hot-sun-900: #432700;
--color-hot-sun-950: #2b1500;
}SCSS
$hot-sun: #f9b82b;
$hot-sun-rgb: 249, 184, 43;
$hot-sun-light: mix(#fff, $hot-sun, 20%);
$hot-sun-dark: mix(#000, $hot-sun, 20%);
.element {
color: $hot-sun;
box-shadow: 0 0 0 2px rgba($hot-sun, 0.35);
}