最も近い色名 · #F98335
#F98335
最も近い色名: Peach Fury
#F98335（rgb(249 131 53)、hsl(24 94% 59%)、oklch(0.73 0.168 50.1)）に最も近い色名はPeach Furyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F98335
oklch(0.73 0.168 50.1)
カラー変換
- HEX
- #f98335
- RGB
- rgb(249 131 53)
- HSL
- hsl(24 94% 59%)
- HWB
- hwb(24 21% 2%)
- OKLCH
- oklch(0.73 0.168 50.1)
- OKLab
- oklab(0.73 0.108 0.129)
- CIE Lab
- lab(67.7 42.42 60.53)
- LCH
- lch(67.7 73.91 55)
- CMYK
- cmyk(0% 47% 79% 2%)
ティント · シェード · トーン
ティント
- FB9150
- FD9E66
- FFAA7A
- FFB78E
- FFC3A1
- FFCFB4
- FFDBC7
- FFE7DA
- FFF3EC
シェード
- D9712D
- B96025
- 9A4F1D
- 7D3F15
- 612F0E
- 462008
- 2C1203
- 150601
- 030100
トーン
- ED8442
- E2844D
- D68556
- CA855D
- BE8564
- B2846B
- A68371
- 998376
- 8D817B
カラーハーモニー
補色 +180°
- F98335
Peach Fury
- 00B7F1
≈ Zima Blue
類似色 -30° +30°
- F98335
Peach Fury
- FF777B
≈ Embarrassment
- D99B00
≈ Orange Satisfaction
トライアド +120° +240°
- F98335
Peach Fury
- 00C49A
≈ Blarney
- A895FF
≈ Cobalite
スプリットコンプリメンタリー +150° +210°
- F98335
Peach Fury
- 00BFC7
≈ Cala Benirrás Blue
- 73A7FF
≈ Fennel Flower
テトラード +90° +180° +270°
- F98335
Peach Fury
- 68C155
≈ Range Land
- 00B7F1
≈ Zima Blue
- D681E9
≈ Azuremyst Isle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.52:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.32:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--peach-fury: #f98335;
--peach-fury-rgb: 249 131 53;
--peach-fury-oklch: oklch(0.73 0.168 50.1);
}
.element {
color: var(--peach-fury);
background-color: hsl(24 94% 59%);
border-color: oklch(0.73 0.168 50.1);
}Tailwind CSS v4
@theme {
--color-peach-fury: #f98335;
--color-peach-fury-50: #ffe9c9;
--color-peach-fury-100: #ffd9b4;
--color-peach-fury-200: #ffc091;
--color-peach-fury-300: #fb9d62;
--color-peach-fury-400: #eb7c33;
--color-peach-fury-500: #d95a00;
--color-peach-fury-600: #b74d00;
--color-peach-fury-700: #933d00;
--color-peach-fury-800: #6e2b00;
--color-peach-fury-900: #4e1d00;
--color-peach-fury-950: #330c00;
}SCSS
$peach-fury: #f98335;
$peach-fury-rgb: 249, 131, 53;
$peach-fury-light: mix(#fff, $peach-fury, 20%);
$peach-fury-dark: mix(#000, $peach-fury, 20%);
.element {
color: $peach-fury;
box-shadow: 0 0 0 2px rgba($peach-fury, 0.35);
}