أقرب لون مسمّى · #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);
}