أقرب لون مسمّى · #CA5382
#CA5382
أقرب لون مسمّى: Lipstick
#CA5382 (rgb(202 83 130)، hsl(336 53% 56%)، oklch(0.609 0.158 358.2)) أقرب إلى اللون المسمّى Lipstick. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CA5382
oklch(0.609 0.158 358.2)
تحويلات الألوان
- HEX
- #ca5382
- RGB
- rgb(202 83 130)
- HSL
- hsl(336 53% 56%)
- HWB
- hwb(336 33% 21%)
- OKLCH
- oklch(0.609 0.158 358.2)
- OKLab
- oklab(0.609 0.158 -0.005)
- CIE Lab
- lab(52.61 51.42 -1.21)
- LCH
- lch(52.61 51.44 358.7)
- CMYK
- cmyk(0% 59% 36% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D1658E
- D8779A
- DF88A6
- E599B2
- EAAABF
- EFBBCB
- F4CCD8
- F8DDE5
- FCEEF2
درجات داكنة
- AF4770
- 953B5F
- 7C304E
- 64253E
- 4D1B2F
- 371120
- 220812
- 0F0206
- 020001
درجات رمادية
- C45982
- BD5F82
- B66481
- B06981
- A86D81
- A17281
- 997581
- 917980
- 897D80
تناسق الألوان
متمم +180°
- CA5382
Lipstick
- 009883
≈ Plumage
متجاور -30° +30°
- CA5382
Lipstick
- B45BB2
≈ Royalty Loyalty
- D1564A
≈ Wet Coral
ثلاثي +120° +240°
- CA5382
Lipstick
- 7C8D00
≈ Foggy Bog
- 008CCA
≈ Newport Blue
متمم منقسم +150° +210°
- CA5382
Lipstick
- 289B48
≈ Get up and Go
- 0094A4
≈ Tile Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.14:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 5.07:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--lipstick: #ca5382;
--lipstick-rgb: 202 83 130;
--lipstick-oklch: oklch(0.609 0.158 358.2);
}
.element {
color: var(--lipstick);
background-color: hsl(336 53% 56%);
border-color: oklch(0.609 0.158 358.2);
}Tailwind CSS v4
@theme {
--color-lipstick: #ca5382;
--color-lipstick-50: #ffe3f3;
--color-lipstick-100: #ffd3e5;
--color-lipstick-200: #ffb8d1;
--color-lipstick-300: #f994b4;
--color-lipstick-400: #e6739e;
--color-lipstick-500: #d44f85;
--color-lipstick-600: #b34471;
--color-lipstick-700: #90365a;
--color-lipstick-800: #6b2644;
--color-lipstick-900: #4b1a2f;
--color-lipstick-950: #31091b;
}SCSS
$lipstick: #ca5382;
$lipstick-rgb: 202, 83, 130;
$lipstick-light: mix(#fff, $lipstick, 20%);
$lipstick-dark: mix(#000, $lipstick, 20%);
.element {
color: $lipstick;
box-shadow: 0 0 0 2px rgba($lipstick, 0.35);
}