لون مسمّى · #DC958D
Coral Cloud
Coral Cloud هو #DC958D: rgb(220 149 141)، hsl(6 53% 71%)، oklch(0.738 0.087 26.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Coral Cloud color name →
#DC958D
oklch(0.738 0.087 26.5)
تحويلات الألوان
- HEX
- #dc958d
- RGB
- rgb(220 149 141)
- HSL
- hsl(6 53% 71%)
- HWB
- hwb(6 55% 14%)
- OKLCH
- oklch(0.738 0.087 26.5)
- OKLab
- oklab(0.738 0.078 0.039)
- CIE Lab
- lab(68.81 26.79 15.7)
- LCH
- lch(68.81 31.05 30.4)
- CMYK
- cmyk(0% 32% 36% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0A098
- E4AAA3
- E8B5AE
- ECBFBA
- F0CAC5
- F3D4D0
- F6DFDC
- F9EAE7
- FCF4F3
درجات داكنة
- BF817A
- A36D67
- 885A55
- 6E4844
- 543733
- 3C2623
- 261614
- 110807
- 020101
درجات رمادية
- D3938C
- CA918B
- C18F89
- B88D88
- AE8B87
- A58985
- 9C8784
- 938583
- 898281
تناسق الألوان
متمم +180°
- DC958D
Coral Cloud
- 60BAC6
≈ Shinbashi
متجاور -30° +30°
- DC958D
Coral Cloud
- D793AB
≈ Foxy Pink
- D59C74
≈ Laredo
ثلاثي +120° +240°
- DC958D
Coral Cloud
- 86B98A
≈ Oilcloth Green
- 91A9E2
≈ Queer Blue
متمم منقسم +150° +210°
- DC958D
Coral Cloud
- 69BDA9
≈ Larchmere
- 73B3DA
≈ Milky Waves
رباعي +90° +180° +270°
- DC958D
Coral Cloud
- A7B271
≈ Timothy Grass
- 60BAC6
≈ Shinbashi
- AF9FDB
≈ Violet Velvet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.40:1 · APCA Lc 47
Ag
AAAعلى الأسود
WCAG 8.72:1 · APCA Lc 55
أفضل لون للنص: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--coral-cloud: #dc958d;
--coral-cloud-rgb: 220 149 141;
--coral-cloud-oklch: oklch(0.738 0.087 26.5);
}
.element {
color: var(--coral-cloud);
background-color: hsl(6 53% 71%);
border-color: oklch(0.738 0.087 26.5);
}Tailwind CSS v4
@theme {
--color-coral-cloud: #dc958d;
--color-coral-cloud-50: #ffece7;
--color-coral-cloud-100: #ffded8;
--color-coral-cloud-200: #f8c7bf;
--color-coral-cloud-300: #e1a79e;
--color-coral-cloud-400: #cd8b83;
--color-coral-cloud-500: #b96f67;
--color-coral-cloud-600: #9c5e57;
--color-coral-cloud-700: #7d4b46;
--color-coral-cloud-800: #5d3633;
--color-coral-cloud-900: #412523;
--color-coral-cloud-950: #2a1312;
}SCSS
$coral-cloud: #dc958d;
$coral-cloud-rgb: 220, 149, 141;
$coral-cloud-light: mix(#fff, $coral-cloud, 20%);
$coral-cloud-dark: mix(#000, $coral-cloud, 20%);
.element {
color: $coral-cloud;
box-shadow: 0 0 0 2px rgba($coral-cloud, 0.35);
}