ColorTool
Giriş yap
#F8A3A5

#f8a3a5 ≈ Pastel Pink

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

#f8a3a5, “pembe” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %97,25 kırmızı, %63,92 yeşil ve %64,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %34,27 macenta, %33,47 sarı ve %2,75 siyah kullanır. Ton açısı 358,59°, HSL’de doygunluğu %85,86 ve açıklığı %80,59’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 10,77:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Pink (#dea5a4), ΔE 5,47.

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

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

Tamamlayıcı

  1. #f8a3a5
  2. #a3f8f6

Bölünmüş tamamlayıcı

  1. #f8a3a5
  2. #a3f8cc
  3. #a3d0f8

Komşu

  1. #f8a3d0
  2. #f8a3a5
  3. #f8cca3

Üçlü

  1. #f8a3a5
  2. #a5f8a3
  3. #a3a5f8

Dörtlü

  1. #f8a3a5
  2. #f8f6a3
  3. #a3f8f6
  4. #a3a5f8

Kare

  1. #f8a3a5
  2. #d0f8a3
  3. #a3f8f6
  4. #cca3f8

Tek renkli

  1. #ed151a
  2. #f35c5f
  3. #f8a3a5
  4. #fdeaeb
  5. #feecec

Koyu tonlar

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

  1. #f8a3a5
  2. #df9395
  3. #c68284
  4. #ae7274
  5. #956263
  6. #7c5253
  7. #634142
  8. #4a3132
  9. #322121
  10. #191011
  11. #000000

Açık tonlar

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

  1. #f8a3a5
  2. #f9acae
  3. #f9b5b7
  4. #fabfc0
  5. #fbc8c9
  6. #fcd1d2
  7. #fcdadb
  8. #fde3e4
  9. #feeded
  10. #fef6f6
  11. #ffffff

Tonlar

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

  1. #f8a3a5
  2. #eca0a1
  3. #e09c9e
  4. #d4999a
  5. #c89596
  6. #bc9293
  7. #b08e8f
  8. #a48b8b
  9. #988787
  10. #8c8484
  11. #808080

Okunaklı metin 1.95:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.77:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bababa Erkeklerin ≈ 0.003% kadarı
Akromatomali #d5b1b2 Erkeklerin ≈ 0.001% kadarı
Protanopi #b3b0a5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c7c0a4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff9aa4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d2aba5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ddb5a4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff9ea4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f8a3a5 {
  color: #f8a3a5;
}
Arka plan
.bg-f8a3a5 {
  background-color: #f8a3a5;
  color: #000000;
}
Kenarlık
.border-f8a3a5 {
  border: 2px solid #f8a3a5;
}
CSS değişkenleri
:root {
  --color-primary: #f8a3a5;
  --color-primary-rgb: 248 163 165;
  --color-primary-hsl: 359 86% 81%;
}
Geçiş
.gradient-f8a3a5 {
  background: linear-gradient(135deg, #f8a3a5, #f8cca3);
}
Renkli gölge
.shadow-f8a3a5 {
  box-shadow: 0 8px 24px rgb(248 163 165 / 0.35);
}

#dea5a4 Pastel Pink ΔE 5.47 #ffb6c1 Light Pink ΔE 5.97 #ff91a4 Salmon Pink ΔE 6.00 #fdbcb4 Melon ΔE 6.86 #ffb7c5 Cherry Blossom Pink ΔE 6.92 #ffc0cb Pink ΔE 8.29 #ffc1cc Bubble Gum ΔE 8.53 #075c5a Ters renk #bababa Gri tonlama 

Pastel Pink
#f8a3a5  rgb(248, 163, 165)  hsl(359, 86%, 81%)  Pastel Pink
#a3f8f6  rgb(163, 248, 246)  hsl(179, 86%, 81%)  Celeste
#a5f8a3  rgb(165, 248, 163)  hsl(119, 86%, 81%)  Pale Green
#a3a5f8  rgb(163, 165, 248)  hsl(239, 86%, 81%)  Wild Blue Yonder