色名 · #FB9902
Jack-O
Jack-Oは#FB9902：rgb(251 153 2)、hsl(36 98% 50%)、oklch(0.767 0.171 65.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Jack-O color name →
#FB9902
oklch(0.767 0.171 65.7)
カラー変換
- HEX
- #fb9902
- RGB
- rgb(251 153 2)
- HSL
- hsl(36 98% 50%)
- HWB
- hwb(36 1% 2%)
- OKLCH
- oklch(0.767 0.171 65.7)
- OKLab
- oklab(0.767 0.07 0.156)
- CIE Lab
- lab(72.43 31.83 76.74)
- LCH
- lch(72.43 83.08 67.5)
- CMYK
- cmyk(0% 39% 99% 2%)
ティント · シェード · トーン
ティント
- FCA43D
- FEAF5A
- FFB972
- FFC488
- FFCE9D
- FFD8B1
- FFE2C5
- FFECD8
- FFF5EC
シェード
- DA8401
- BA7001
- 9C5D01
- 7E4A00
- 613800
- 462700
- 2D1700
- 150800
- 030100
トーン
- EF972C
- E2953E
- D6934B
- CA9156
- BE8F5F
- B28C67
- A5896E
- 998675
- 8D837B
カラーハーモニー
補色 +180°
- FB9902
Jack-O
- 69BBFF
≈ Green Darner Tail
類似色 -30° +30°
- FB9902
Jack-O
- FF9073
≈ Alexandria
- D2B100
≈ Mustard
トライアド +120° +240°
- FB9902
Jack-O
- 00CEC0
≈ Exquisite Turquoise
- CB98FF
≈ Lilás
スプリットコンプリメンタリー +150° +210°
- FB9902
Jack-O
- 00C8EA
≈ Picnic Day Sky
- 9EACFF
≈ Widowmaker
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.17:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.65:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.65:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--jack-o: #fb9902;
--jack-o-rgb: 251 153 2;
--jack-o-oklch: oklch(0.767 0.171 65.7);
}
.element {
color: var(--jack-o);
background-color: hsl(36 98% 50%);
border-color: oklch(0.767 0.171 65.7);
}Tailwind CSS v4
@theme {
--color-jack-o: #fb9902;
--color-jack-o-50: #ffedc1;
--color-jack-o-100: #ffdeab;
--color-jack-o-200: #ffc682;
--color-jack-o-300: #f1a54c;
--color-jack-o-400: #e18600;
--color-jack-o-500: #cf6600;
--color-jack-o-600: #ae5700;
--color-jack-o-700: #8c4600;
--color-jack-o-800: #693100;
--color-jack-o-900: #4a2100;
--color-jack-o-950: #301000;
}SCSS
$jack-o: #fb9902;
$jack-o-rgb: 251, 153, 2;
$jack-o-light: mix(#fff, $jack-o, 20%);
$jack-o-dark: mix(#000, $jack-o, 20%);
.element {
color: $jack-o;
box-shadow: 0 0 0 2px rgba($jack-o, 0.35);
}