ColorTool
Giriş yap
#F7CCC4

#f7ccc4 ≈ Baby Pink

  • pembe
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#f7ccc4, “pembe” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %96,86 kırmızı, %80 yeşil ve %76,86 maviden oluşur; CMYK baskıda %0 camgöbeği, %17,41 macenta, %20,65 sarı ve %3,14 siyah kullanır. Ton açısı 9,41°, HSL’de doygunluğu %76,12 ve açıklığı %86,86’dir. Sıcak bir renktir ve çoğunlukla şefkat, özen ve tatlılık ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, düğünler ve kutlamalar ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 14,39:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Baby Pink (#f4c2c2), ΔE 4,33.

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

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

Tamamlayıcı

  1. #f7ccc4
  2. #c4eff7

Bölünmüş tamamlayıcı

  1. #f7ccc4
  2. #c4f7e5
  3. #c4d5f7

Komşu

  1. #f7c4d5
  2. #f7ccc4
  3. #f7e5c4

Üçlü

  1. #f7ccc4
  2. #c4f7cc
  3. #ccc4f7

Dörtlü

  1. #f7ccc4
  2. #eff7c4
  3. #c4eff7
  4. #ccc4f7

Kare

  1. #f7ccc4
  2. #d5f7c4
  3. #c4eff7
  4. #e5c4f7

Tek renkli

  1. #e5583d
  2. #ee9281
  3. #f7ccc4
  4. #fdefed
  5. #fdefed

Koyu tonlar

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

  1. #f7ccc4
  2. #deb8b0
  3. #c6a39d
  4. #ad8f89
  5. #947a76
  6. #7c6662
  7. #63524e
  8. #4a3d3b
  9. #312927
  10. #191414
  11. #000000

Açık tonlar

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

  1. #f7ccc4
  2. #f8d1ca
  3. #f9d6d0
  4. #f9dbd6
  5. #fae0dc
  6. #fbe6e2
  7. #fcebe7
  8. #fdf0ed
  9. #fdf5f3
  10. #fefaf9
  11. #ffffff

Tonlar

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

  1. #f7ccc4
  2. #ebc4bd
  3. #dfbdb6
  4. #d3b5b0
  5. #c7aea9
  6. #bca6a2
  7. #b09e9b
  8. #a49794
  9. #988f8e
  10. #8c8887
  11. #808080

Okunaklı metin 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d6d6d6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e4d2cf Erkeklerin ≈ 0.001% kadarı
Protanopi #d5d1c3 Erkeklerin ≈ 1.01% kadarı
Döteranopi #dfd9c4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffc7ca Erkeklerin ≈ 0.0001% kadarı
Protanomali #e3cfc4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e9d4c4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fdc9c8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f7ccc4 {
  color: #f7ccc4;
}
Arka plan
.bg-f7ccc4 {
  background-color: #f7ccc4;
  color: #000000;
}
Kenarlık
.border-f7ccc4 {
  border: 2px solid #f7ccc4;
}
CSS değişkenleri
:root {
  --color-primary: #f7ccc4;
  --color-primary-rgb: 247 204 196;
  --color-primary-hsl: 9 76% 87%;
}
Geçiş
.gradient-f7ccc4 {
  background: linear-gradient(135deg, #f7ccc4, #f7e5c4);
}
Renkli gölge
.shadow-f7ccc4 {
  box-shadow: 0 8px 24px rgb(247 204 196 / 0.35);
}

#f4c2c2 Baby Pink ΔE 4.33 #ebc2af Zinnwaldite ΔE 5.56 #fdbcb4 Melon ΔE 5.75 #fadadd Pale Pink ΔE 5.92 #ffe4e1 Misty Rose ΔE 6.76 #ffddca Unbleached Silk ΔE 7.05 #fbceb1 Apricot ΔE 8.33 #08333b Ters renk #d6d6d6 Gri tonlama 

Baby Pink
#f7ccc4  rgb(247, 204, 196)  hsl(9, 76%, 87%)  Baby Pink
#c4eff7  rgb(196, 239, 247)  hsl(189, 76%, 87%)  Powder Blue
#c4f7cc  rgb(196, 247, 204)  hsl(129, 76%, 87%)  Tea Green
#ccc4f7  rgb(204, 196, 247)  hsl(249, 76%, 87%)  Periwinkle