Màu có tên gần nhất · #F98335
#F98335
Màu có tên gần nhất: Peach Fury
#F98335 (rgb(249 131 53), hsl(24 94% 59%), oklch(0.73 0.168 50.1)) gần nhất với màu có tên Peach Fury. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F98335
oklch(0.73 0.168 50.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FB9150
- FD9E66
- FFAA7A
- FFB78E
- FFC3A1
- FFCFB4
- FFDBC7
- FFE7DA
- FFF3EC
Sắc đậm
- D9712D
- B96025
- 9A4F1D
- 7D3F15
- 612F0E
- 462008
- 2C1203
- 150601
- 030100
Sắc xám
- ED8442
- E2844D
- D68556
- CA855D
- BE8564
- B2846B
- A68371
- 998376
- 8D817B
Hòa sắc
Bổ túc +180°
- F98335
Peach Fury
- 00B7F1
≈ Zima Blue
Tương đồng -30° +30°
- F98335
Peach Fury
- FF777B
≈ Embarrassment
- D99B00
≈ Orange Satisfaction
Bộ ba +120° +240°
- F98335
Peach Fury
- 00C49A
≈ Blarney
- A895FF
≈ Cobalite
Bổ túc chia +150° +210°
- F98335
Peach Fury
- 00BFC7
≈ Cala Benirrás Blue
- 73A7FF
≈ Fennel Flower
Bộ bốn +90° +180° +270°
- F98335
Peach Fury
- 68C155
≈ Range Land
- 00B7F1
≈ Zima Blue
- D681E9
≈ Azuremyst Isle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.52:1 · APCA Lc 49
Ag
AAATrên nền đen
WCAG 8.32:1 · APCA Lc 53
Màu chữ tốt nhất: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
Đoạn mã
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);
}