Adlandırılmış renk · #DC958D
Coral Cloud
Coral Cloud, #DC958D: rgb(220 149 141), hsl(6 53% 71%), oklch(0.738 0.087 26.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Coral Cloud color name →
#DC958D
oklch(0.738 0.087 26.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0A098
- E4AAA3
- E8B5AE
- ECBFBA
- F0CAC5
- F3D4D0
- F6DFDC
- F9EAE7
- FCF4F3
Koyu tonlar
- BF817A
- A36D67
- 885A55
- 6E4844
- 543733
- 3C2623
- 261614
- 110807
- 020101
Gri tonlar
- D3938C
- CA918B
- C18F89
- B88D88
- AE8B87
- A58985
- 9C8784
- 938583
- 898281
Renk uyumları
Tamamlayıcı +180°
- DC958D
Coral Cloud
- 60BAC6
≈ Shinbashi
Analog -30° +30°
- DC958D
Coral Cloud
- D793AB
≈ Foxy Pink
- D59C74
≈ Laredo
Üçlü +120° +240°
- DC958D
Coral Cloud
- 86B98A
≈ Oilcloth Green
- 91A9E2
≈ Queer Blue
Bölünmüş tamamlayıcı +150° +210°
- DC958D
Coral Cloud
- 69BDA9
≈ Larchmere
- 73B3DA
≈ Milky Waves
Dörtlü +90° +180° +270°
- DC958D
Coral Cloud
- A7B271
≈ Timothy Grass
- 60BAC6
≈ Shinbashi
- AF9FDB
≈ Violet Velvet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.72:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
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);
}