色名 · #EF8B38
Peril’s Flames
Peril’s Flamesは#EF8B38：rgb(239 139 56)、hsl(27 85% 58%)、oklch(0.73 0.153 56.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Peril’s Flames color name →
#EF8B38
oklch(0.73 0.153 56.2)
カラー変換
- HEX
- #ef8b38
- RGB
- rgb(239 139 56)
- HSL
- hsl(27 85% 58%)
- HWB
- hwb(27 22% 6%)
- OKLCH
- oklch(0.73 0.153 56.2)
- OKLab
- oklab(0.73 0.085 0.127)
- CIE Lab
- lab(67.99 34.66 58.93)
- LCH
- lch(67.99 68.36 59.5)
- CMYK
- cmyk(0% 42% 77% 6%)
ティント · シェード · トーン
ティント
- F29752
- F4A368
- F7AF7C
- F9BB8F
- FBC6A2
- FCD2B5
- FDDDC7
- FEE9DA
- FFF4EC
シェード
- D0782F
- B16627
- 94541F
- 784317
- 5C320F
- 422308
- 2A1404
- 140701
- 030100
トーン
- E48B44
- D98A4E
- CE8A57
- C3895F
- B88865
- AD876B
- A28571
- 978476
- 8C827B
カラーハーモニー
補色 +180°
- EF8B38
Peril’s Flames
- 18B5FB
≈ Blue Bolt
類似色 -30° +30°
- EF8B38
Peril’s Flames
- F97D73
≈ Smoked Salmon
- D1A000
≈ Lepton Gold
トライアド +120° +240°
- EF8B38
Peril’s Flames
- 00C3A5
≈ Turquoise
- B191FC
≈ Lilac Geode
スプリットコンプリメンタリー +150° +210°
- EF8B38
Peril’s Flames
- 00BDCE
≈ Holiday Blue
- 7FA4FF
≈ Fennel Flower
テトラード +90° +180° +270°
- EF8B38
Peril’s Flames
- 5FC16B
≈ Verdant Oasis
- 18B5FB
≈ Blue Bolt
- D983DB
≈ Blush Essence
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.49:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.42:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--peril-s-flames: #ef8b38;
--peril-s-flames-rgb: 239 139 56;
--peril-s-flames-oklch: oklch(0.73 0.153 56.2);
}
.element {
color: var(--peril-s-flames);
background-color: hsl(27 85% 58%);
border-color: oklch(0.73 0.153 56.2);
}Tailwind CSS v4
@theme {
--color-peril-s-flames: #ef8b38;
--color-peril-s-flames-50: #ffebca;
--color-peril-s-flames-100: #ffdcb6;
--color-peril-s-flames-200: #ffc492;
--color-peril-s-flames-300: #f2a364;
--color-peril-s-flames-400: #e18336;
--color-peril-s-flames-500: #cf6400;
--color-peril-s-flames-600: #af5500;
--color-peril-s-flames-700: #8d4400;
--color-peril-s-flames-800: #693000;
--color-peril-s-flames-900: #4a2100;
--color-peril-s-flames-950: #300f00;
}SCSS
$peril-s-flames: #ef8b38;
$peril-s-flames-rgb: 239, 139, 56;
$peril-s-flames-light: mix(#fff, $peril-s-flames, 20%);
$peril-s-flames-dark: mix(#000, $peril-s-flames, 20%);
.element {
color: $peril-s-flames;
box-shadow: 0 0 0 2px rgba($peril-s-flames, 0.35);
}