ColorTool
Giriş yap
#FD97B0

#fd97b0 ≈ Flamingo Pink

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

#fd97b0, “pembe” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %99,22 kırmızı, %59,22 yeşil ve %69,02 maviden oluşur; CMYK baskıda %0 camgöbeği, %40,32 macenta, %30,43 sarı ve %0,78 siyah kullanır. Ton açısı 345,29°, HSL’de doygunluğu %96,23 ve açıklığı %79,22’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,23:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Flamingo Pink (#fc8eac), ΔE 2,08.

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

Tamamlayıcı

  1. #fd97b0
  2. #97fde4

Bölünmüş tamamlayıcı

  1. #fd97b0
  2. #97fdb1
  3. #97e3fd

Komşu

  1. #fd97e3
  2. #fd97b0
  3. #fdb197

Üçlü

  1. #fd97b0
  2. #b0fd97
  3. #97b0fd

Dörtlü

  1. #fd97b0
  2. #fde497
  3. #97fde4
  4. #97b0fd

Kare

  1. #fd97b0
  2. #e3fd97
  3. #97fde4
  4. #b197fd

Tek renkli

  1. #f60540
  2. #fc4c77
  3. #fd97b0
  4. #fee2e9
  5. #ffebf0

Koyu tonlar

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

  1. #fd97b0
  2. #e4889e
  3. #ca798d
  4. #b16a7b
  5. #985b6a
  6. #7f4c58
  7. #653c46
  8. #4c2d35
  9. #331e23
  10. #190f12
  11. #000000

Açık tonlar

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

  1. #fd97b0
  2. #fda1b8
  3. #fdacc0
  4. #feb6c8
  5. #fec1d0
  6. #fecbd8
  7. #fed5df
  8. #fee0e7
  9. #ffeaef
  10. #fff5f7
  11. #ffffff

Tonlar

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

  1. #fd97b0
  2. #f195ab
  3. #e492a6
  4. #d890a2
  5. #cb8e9d
  6. #bf8c98
  7. #b28993
  8. #a6878e
  9. #99858a
  10. #8d8285
  11. #808080

Okunaklı metin 2.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b5b5b5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d6aab3 Erkeklerin ≈ 0.001% kadarı
Protanopi #a7a9b1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c0bcae Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff8fa0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cfa2b0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #dbafaf Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff92a7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-fd97b0 {
  color: #fd97b0;
}
Arka plan
.bg-fd97b0 {
  background-color: #fd97b0;
  color: #000000;
}
Kenarlık
.border-fd97b0 {
  border: 2px solid #fd97b0;
}
CSS değişkenleri
:root {
  --color-primary: #fd97b0;
  --color-primary-rgb: 253 151 176;
  --color-primary-hsl: 345 96% 79%;
}
Geçiş
.gradient-fd97b0 {
  background: linear-gradient(135deg, #fd97b0, #fdb197);
}
Renkli gölge
.shadow-fd97b0 {
  box-shadow: 0 8px 24px rgb(253 151 176 / 0.35);
}

#fc8eac Flamingo Pink ΔE 2.08 #ff91a4 Salmon Pink ΔE 2.89 #ffa6c9 Carnation Pink ΔE 5.40 #f6adc6 Nadeshiko Pink ΔE 6.20 #ffb6c1 Light Pink ΔE 7.55 #ffb7c5 Cherry Blossom Pink ΔE 7.56 #cc8899 Puce ΔE 9.15 #02684f Ters renk #b5b5b5 Gri tonlama 

Flamingo Pink
#fd97b0  rgb(253, 151, 176)  hsl(345, 96%, 79%)  Flamingo Pink
#97fde4  rgb(151, 253, 228)  hsl(165, 96%, 79%)  Aquamarine
#b0fd97  rgb(176, 253, 151)  hsl(105, 96%, 79%)  Pale Green
#97b0fd  rgb(151, 176, 253)  hsl(225, 96%, 79%)  Wild Blue Yonder