أقرب لون مسمّى · #FF3A37
#FF3A37
أقرب لون مسمّى: Pelati
#FF3A37 (rgb(255 58 55)، hsl(1 100% 61%)، oklch(0.654 0.232 27.1)) أقرب إلى اللون المسمّى Pelati. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#FF3A37
oklch(0.654 0.232 27.1)
تحويلات الألوان
- HEX
- #ff3a37
- RGB
- rgb(255 58 55)
- HSL
- hsl(1 100% 61%)
- HWB
- hwb(1 22% 0%)
- OKLCH
- oklch(0.654 0.232 27.1)
- OKLab
- oklab(0.654 0.207 0.106)
- CIE Lab
- lab(57.57 72.94 50.83)
- LCH
- lch(57.57 88.9 34.9)
- CMYK
- cmyk(0% 77% 78% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF574E
- FF6E63
- FF8376
- FF968A
- FFA99D
- FFBAB1
- FFCCC4
- FFDDD8
- FFEEEB
درجات داكنة
- DE312E
- BE2826
- 9E201E
- 801816
- 63100F
- 480908
- 2E0403
- 160101
- 030000
درجات رمادية
- F44941
- E8544A
- DD5D53
- D1645A
- C56B61
- B87068
- AB756E
- 9E7974
- 8F7D7A
تناسق الألوان
متمم +180°
- FF3A37
Pelati
- 00A3B3
≈ Garish Blue
متجاور -30° +30°
- FF3A37
Pelati
- F53892
≈ Prickly Pink
- D67200
≈ Gold Orange
ثلاثي +120° +240°
- FF3A37
Pelati
- 00AE40
≈ Poison Ivy
- 5E87FF
≈ Skinny Jeans
متمم منقسم +150° +210°
- FF3A37
Pelati
- 00A88F
≈ Shindig
- 009BDC
≈ Atmosphere
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.55:1 · APCA Lc 61
Ag
AAعلى الأسود
WCAG 5.91:1 · APCA Lc 40
أفضل لون للنص: #000000
WCAG 5.91:1 (AA) · APCA Lc 40
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pelati: #ff3a37;
--pelati-rgb: 255 58 55;
--pelati-oklch: oklch(0.654 0.232 27.1);
}
.element {
color: var(--pelati);
background-color: hsl(1 100% 61%);
border-color: oklch(0.654 0.232 27.1);
}Tailwind CSS v4
@theme {
--color-pelati: #ff3a37;
--color-pelati-50: #ffddcf;
--color-pelati-100: #ffcabb;
--color-pelati-200: #ffac9a;
--color-pelati-300: #ff826f;
--color-pelati-400: #ff544c;
--color-pelati-500: #fb0019;
--color-pelati-600: #d40b19;
--color-pelati-700: #ab0c14;
--color-pelati-800: #800512;
--color-pelati-900: #5b050b;
--color-pelati-950: #3d0001;
}SCSS
$pelati: #ff3a37;
$pelati-rgb: 255, 58, 55;
$pelati-light: mix(#fff, $pelati, 20%);
$pelati-dark: mix(#000, $pelati, 20%);
.element {
color: $pelati;
box-shadow: 0 0 0 2px rgba($pelati, 0.35);
}