لون مسمّى · #FF3F6A
Laser Trap
Laser Trap هو #FF3F6A: rgb(255 63 106)، hsl(347 100% 62%)، oklch(0.666 0.226 13.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Laser Trap color name →
#FF3F6A
oklch(0.666 0.226 13.5)
تحويلات الألوان
- HEX
- #ff3f6a
- RGB
- rgb(255 63 106)
- HSL
- hsl(347 100% 62%)
- HWB
- hwb(347 25% 0%)
- OKLCH
- oklch(0.666 0.226 13.5)
- OKLab
- oklab(0.666 0.22 0.053)
- CIE Lab
- lab(58.68 73.2 23.1)
- LCH
- lch(58.68 76.76 17.5)
- CMYK
- cmyk(0% 75% 58% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF5A78
- FF7087
- FF8495
- FF97A4
- FFA9B3
- FFBBC2
- FFCCD1
- FFDDE0
- FFEEEF
درجات داكنة
- DE355B
- BE2C4D
- 9E233F
- 801B31
- 631224
- 480A18
- 2E040D
- 160104
- 030000
درجات رمادية
- F44C6C
- E8566F
- DC5E71
- D06573
- C46C76
- B87178
- AB757A
- 9D797C
- 8F7D7E
تناسق الألوان
متمم +180°
- FF3F6A
Laser Trap
- 00A9A8
≈ Jade Orchid
متجاور -30° +30°
- FF3F6A
Laser Trap
- EB48B6
≈ Major Magenta
- F16000
≈ Scarlet Ibis
ثلاثي +120° +240°
- FF3F6A
Laser Trap
- 60AB00
≈ Appetising Asparagus
- 3195FF
≈ Brilliant Azure
متمم منقسم +150° +210°
- FF3F6A
Laser Trap
- 00AE7B
≈ Bright Camouflage
- 00A3CC
≈ Charybdis
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.40:1 · APCA Lc 60
Ag
AAعلى الأسود
WCAG 6.17:1 · APCA Lc 42
أفضل لون للنص: #000000
WCAG 6.17:1 (AA) · APCA Lc 42
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--laser-trap: #ff3f6a;
--laser-trap-rgb: 255 63 106;
--laser-trap-oklch: oklch(0.666 0.226 13.5);
}
.element {
color: var(--laser-trap);
background-color: hsl(347 100% 62%);
border-color: oklch(0.666 0.226 13.5);
}Tailwind CSS v4
@theme {
--color-laser-trap: #ff3f6a;
--color-laser-trap-50: #ffdbe0;
--color-laser-trap-100: #ffc9cf;
--color-laser-trap-200: #ffaab4;
--color-laser-trap-300: #ff8091;
--color-laser-trap-400: #ff5476;
--color-laser-trap-500: #f60058;
--color-laser-trap-600: #d00e4b;
--color-laser-trap-700: #a80e3c;
--color-laser-trap-800: #7d072e;
--color-laser-trap-900: #59061f;
--color-laser-trap-950: #3b000f;
}SCSS
$laser-trap: #ff3f6a;
$laser-trap-rgb: 255, 63, 106;
$laser-trap-light: mix(#fff, $laser-trap, 20%);
$laser-trap-dark: mix(#000, $laser-trap, 20%);
.element {
color: $laser-trap;
box-shadow: 0 0 0 2px rgba($laser-trap, 0.35);
}