ColorTool
Giriş yap
#C677F0

#c677f0 ≈ Heliotrope

  • mor
  • Açıklık: yüksek
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#c677f0, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %77,65 kırmızı, %46,67 yeşil ve %94,12 maviden oluşur; CMYK baskıda %17,5 camgöbeği, %50,42 macenta, %0 sarı ve %5,88 siyah kullanır. Ton açısı 279,17°, HSL’de doygunluğu %80,13 ve açıklığı %70,39’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 7,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Heliotrope (#df73ff), ΔE 4,16.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#cc66ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.3149

Tamamlayıcı

  1. #c677f0
  2. #a1f077

Bölünmüş tamamlayıcı

  1. #c677f0
  2. #def077
  3. #77f089

Komşu

  1. #8977f0
  2. #c677f0
  3. #f077de

Üçlü

  1. #c677f0
  2. #f0c677
  3. #77f0c6

Dörtlü

  1. #c677f0
  2. #f077a1
  3. #a1f077
  4. #77f0c6

Kare

  1. #c677f0
  2. #f08977
  3. #a1f077
  4. #77def0

Tek renkli

  1. #8014ba
  2. #a932e8
  3. #c677f0
  4. #e3bcf8
  5. #f7edfd

Koyu tonlar

#c677f0 kademeli olarak siyahla karıştırıldı.

  1. #c677f0
  2. #b26bd8
  3. #9e5fc0
  4. #8b53a8
  5. #774790
  6. #633c78
  7. #4f3060
  8. #3b2448
  9. #281830
  10. #140c18
  11. #000000

Açık tonlar

#c677f0 kademeli olarak beyazla karıştırıldı.

  1. #c677f0
  2. #cc85f2
  3. #d192f3
  4. #d7a0f5
  5. #ddadf6
  6. #e3bbf8
  7. #e8c9f9
  8. #eed6fb
  9. #f4e4fc
  10. #f9f1fe
  11. #ffffff

Tonlar

#c677f0 kademeli olarak griyle karıştırıldı.

  1. #c677f0
  2. #bf78e5
  3. #b879da
  4. #b17ace
  5. #aa7bc3
  6. #a37cb8
  7. #9c7cad
  8. #957da2
  9. #8e7e96
  10. #877f8b
  11. #808080

Okunaklı metin 2.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ac8cc2 Erkeklerin ≈ 0.001% kadarı
Protanopi #5a94f4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #729aed Erkeklerin ≈ 1.27% kadarı
Tritanopi #c28aa9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9289f2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9b8dee Erkeklerin ≈ 4.63% kadarı
Tritanomali #c483c9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c677f0 {
  color: #c677f0;
}
Arka plan
.bg-c677f0 {
  background-color: #c677f0;
  color: #000000;
}
Kenarlık
.border-c677f0 {
  border: 2px solid #c677f0;
}
CSS değişkenleri
:root {
  --color-primary: #c677f0;
  --color-primary-rgb: 198 119 240;
  --color-primary-hsl: 279 80% 70%;
}
Geçiş
.gradient-c677f0 {
  background: linear-gradient(135deg, #c677f0, #f077de);
}
Renkli gölge
.shadow-c677f0 {
  box-shadow: 0 8px 24px rgb(198 119 240 / 0.35);
}

#df73ff Heliotrope ΔE 4.16 #b57edc Floral Lavender ΔE 4.30 #da70d6 Orchid ΔE 6.84 #ee82ee Violet ΔE 8.22 #ba55d3 Medium Orchid ΔE 8.95 #ff77ff Fuchsia Pink ΔE 9.30 #9370db Medium Purple ΔE 9.83 #39880f Ters renk #989898 Gri tonlama 

Heliotrope
#c677f0  rgb(198, 119, 240)  hsl(279, 80%, 70%)  Heliotrope
#a1f077  rgb(161, 240, 119)  hsl(99, 80%, 70%)  Inchworm
#f0c677  rgb(240, 198, 119)  hsl(39, 80%, 70%)  Topaz
#77f0c6  rgb(119, 240, 198)  hsl(159, 80%, 70%)  Aquamarine