ColorTool
Giriş yap
#D18DB3

#d18db3 ≈ Puce

  • gül kırmızısı
  • Açıklık: yüksek
  • Doygunluk: orta
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#d18db3, “gül kırmızısı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %81,96 kırmızı, %55,29 yeşil ve %70,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %32,54 macenta, %14,35 sarı ve %18,04 siyah kullanır. Ton açısı 326,47°, HSL’de doygunluğu %42,5 ve açıklığı %68,63’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla romantizm, oyunculuk ve sevgi ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,17:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Puce (#cc8899), ΔE 6,86.

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

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

Tamamlayıcı

  1. #d18db3
  2. #8dd1ab

Bölünmüş tamamlayıcı

  1. #d18db3
  2. #91d18d
  3. #8dd1cd

Komşu

  1. #cd8dd1
  2. #d18db3
  3. #d18d91

Üçlü

  1. #d18db3
  2. #b3d18d
  3. #8db3d1

Dörtlü

  1. #d18db3
  2. #d1ab8d
  3. #8dd1ab
  4. #8db3d1

Kare

  1. #d18db3
  2. #d1cd8d
  3. #8dd1ab
  4. #8d91d1

Tek renkli

  1. #8c3967
  2. #bb578f
  3. #d18db3
  4. #e7c4d7
  5. #f9f0f5

Koyu tonlar

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

  1. #d18db3
  2. #bc7fa1
  3. #a7718f
  4. #92637d
  5. #7d556b
  6. #69475a
  7. #543848
  8. #3f2a36
  9. #2a1c24
  10. #150e12
  11. #000000

Açık tonlar

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

  1. #d18db3
  2. #d698bb
  3. #daa4c2
  4. #dfafca
  5. #e3bbd1
  6. #e8c6d9
  7. #edd1e1
  8. #f1dde8
  9. #f6e8f0
  10. #faf4f7
  11. #ffffff

Tonlar

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

  1. #d18db3
  2. #c98cae
  3. #c18aa9
  4. #b989a4
  5. #b1889f
  6. #a9879a
  7. #a08594
  8. #98848f
  9. #90838a
  10. #888185
  11. #808080

Okunaklı metin 2.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a1a1a1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b69aa9 Erkeklerin ≈ 0.001% kadarı
Protanopi #919bb4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a2a6b1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #da8d9a Erkeklerin ≈ 0.0001% kadarı
Protanomali #af96b4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b79cb2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d68da5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-d18db3 {
  color: #d18db3;
}
Arka plan
.bg-d18db3 {
  background-color: #d18db3;
  color: #000000;
}
Kenarlık
.border-d18db3 {
  border: 2px solid #d18db3;
}
CSS değişkenleri
:root {
  --color-primary: #d18db3;
  --color-primary-rgb: 209 141 179;
  --color-primary-hsl: 326 43% 69%;
}
Geçiş
.gradient-d18db3 {
  background: linear-gradient(135deg, #d18db3, #d18d91);
}
Renkli gölge
.shadow-d18db3 {
  box-shadow: 0 8px 24px rgb(209 141 179 / 0.35);
}

#cc8899 Puce ΔE 6.86 #c8a2c8 Lilac ΔE 7.60 #f77fbe Persian Pink ΔE 7.62 #cf71af Sky Magenta ΔE 7.73 #de6fa1 Thulian Pink ΔE 7.95 #dda0dd Plum ΔE 8.63 #db7093 Pale Violet Red ΔE 9.18 #2e724c Ters renk #a1a1a1 Gri tonlama 

Puce
#d18db3  rgb(209, 141, 179)  hsl(326, 43%, 69%)  Puce
#8dd1ab  rgb(141, 209, 171)  hsl(146, 43%, 69%)  Seafoam Green
#b3d18d  rgb(179, 209, 141)  hsl(86, 43%, 69%)  Pistachio
#8db3d1  rgb(141, 179, 209)  hsl(206, 43%, 69%)  Iceberg