最接近的命名颜色 · #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);
}