ColorTool
Giriş yap
#F5B7BF

#f5b7bf ≈ Light Pink

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

#f5b7bf, “pembe” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %96,08 kırmızı, %71,76 yeşil ve %74,9 maviden oluşur; CMYK baskıda %0 camgöbeği, %25,31 macenta, %22,04 sarı ve %3,92 siyah kullanır. Ton açısı 352,26°, HSL’de doygunluğu %75,61 ve açıklığı %83,92’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 12,41:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Pink (#ffb6c1), ΔE 2,23.

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.5704

Tamamlayıcı

  1. #f5b7bf
  2. #b7f5ed

Bölünmüş tamamlayıcı

  1. #f5b7bf
  2. #b7f5ce
  3. #b7def5

Komşu

  1. #f5b7de
  2. #f5b7bf
  3. #f5ceb7

Üçlü

  1. #f5b7bf
  2. #bff5b7
  3. #b7bff5

Dörtlü

  1. #f5b7bf
  2. #f5edb7
  3. #b7f5ed
  4. #b7bff5

Kare

  1. #f5b7bf
  2. #def5b7
  3. #b7f5ed
  4. #ceb7f5

Tek renkli

  1. #e23148
  2. #ec7483
  3. #f5b7bf
  4. #fdedef
  5. #fdedef

Koyu tonlar

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

  1. #f5b7bf
  2. #dda5ac
  3. #c49299
  4. #ac8086
  5. #936e73
  6. #7b5c60
  7. #62494c
  8. #4a3739
  9. #312526
  10. #191213
  11. #000000

Açık tonlar

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

  1. #f5b7bf
  2. #f6bec5
  3. #f7c5cc
  4. #f8cdd2
  5. #f9d4d9
  6. #fadbdf
  7. #fbe2e5
  8. #fce9ec
  9. #fdf1f2
  10. #fef8f9
  11. #ffffff

Tonlar

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

  1. #f5b7bf
  2. #e9b2b9
  3. #deacb2
  4. #d2a7ac
  5. #c6a1a6
  6. #bb9ca0
  7. #af9699
  8. #a39193
  9. #978b8d
  10. #8c8686
  11. #808080

Okunaklı metin 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 12.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c7c7c7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dbc1c4 Erkeklerin ≈ 0.001% kadarı
Protanopi #c1c0bf Erkeklerin ≈ 1.01% kadarı
Döteranopi #cfcbbe Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffb2ba Erkeklerin ≈ 0.0001% kadarı
Protanomali #d8bdbf Erkeklerin ≈ 1.08% kadarı
Döteranomali #dfc3be Erkeklerin ≈ 4.63% kadarı
Tritanomali #fcb4bc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f5b7bf {
  color: #f5b7bf;
}
Arka plan
.bg-f5b7bf {
  background-color: #f5b7bf;
  color: #000000;
}
Kenarlık
.border-f5b7bf {
  border: 2px solid #f5b7bf;
}
CSS değişkenleri
:root {
  --color-primary: #f5b7bf;
  --color-primary-rgb: 245 183 191;
  --color-primary-hsl: 352 76% 84%;
}
Geçiş
.gradient-f5b7bf {
  background: linear-gradient(135deg, #f5b7bf, #f5ceb7);
}
Renkli gölge
.shadow-f5b7bf {
  box-shadow: 0 8px 24px rgb(245 183 191 / 0.35);
}

#ffb6c1 Light Pink ΔE 2.23 #ffc0cb Pink ΔE 2.52 #ffb7c5 Cherry Blossom Pink ΔE 2.60 #ffc1cc Bubble Gum ΔE 2.69 #f4c2c2 Baby Pink ΔE 4.26 #f6adc6 Nadeshiko Pink ΔE 5.59 #fdbcb4 Melon ΔE 6.15 #0a4840 Ters renk #c7c7c7 Gri tonlama 

Light Pink
#f5b7bf  rgb(245, 183, 191)  hsl(352, 76%, 84%)  Light Pink
#b7f5ed  rgb(183, 245, 237)  hsl(172, 76%, 84%)  Pale Turquoise
#bff5b7  rgb(191, 245, 183)  hsl(112, 76%, 84%)  Granny Smith Apple
#b7bff5  rgb(183, 191, 245)  hsl(232, 76%, 84%)  Periwinkle