ColorTool
Giriş yap
#F686C4

#f686c4 ≈ Persian Pink

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

#f686c4, “gül kırmızısı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %96,47 kırmızı, %52,55 yeşil ve %76,86 maviden oluşur; CMYK baskıda %0 camgöbeği, %45,53 macenta, %20,33 sarı ve %3,53 siyah kullanır. Ton açısı 326,79°, HSL’de doygunluğu %86,15 ve açıklığı %74,51’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,13:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Pink (#f77fbe), ΔE 1,6.

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

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

Tamamlayıcı

  1. #f686c4
  2. #86f6b8

Bölünmüş tamamlayıcı

  1. #f686c4
  2. #8cf686
  3. #86f6f0

Komşu

  1. #f086f6
  2. #f686c4
  3. #f6868c

Üçlü

  1. #f686c4
  2. #c4f686
  3. #86c4f6

Dörtlü

  1. #f686c4
  2. #f6b886
  3. #86f6b8
  4. #86c4f6

Kare

  1. #f686c4
  2. #f6f086
  3. #86f6b8
  4. #868cf6

Tek renkli

  1. #d3107c
  2. #f13fa1
  3. #f686c4
  4. #fbcde7
  5. #feecf6

Koyu tonlar

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

  1. #f686c4
  2. #dd79b0
  3. #c56b9d
  4. #ac5e89
  5. #945076
  6. #7b4362
  7. #62364e
  8. #4a283b
  9. #311b27
  10. #190d14
  11. #000000

Açık tonlar

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

  1. #f686c4
  2. #f792ca
  3. #f89ed0
  4. #f9aad6
  5. #fab6dc
  6. #fbc3e2
  7. #fbcfe7
  8. #fcdbed
  9. #fde7f3
  10. #fef3f9
  11. #ffffff

Tonlar

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

  1. #f686c4
  2. #ea85bd
  3. #de85b6
  4. #d384b0
  5. #c784a9
  6. #bb83a2
  7. #af829b
  8. #a38294
  9. #98818e
  10. #8c8187
  11. #808080

Okunaklı metin 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #cd9db5 Erkeklerin ≈ 0.001% kadarı
Protanopi #909fc6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #adb2c1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff849d Erkeklerin ≈ 0.0001% kadarı
Protanomali #c196c5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #cea2c2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fe85ae Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f686c4 {
  color: #f686c4;
}
Arka plan
.bg-f686c4 {
  background-color: #f686c4;
  color: #000000;
}
Kenarlık
.border-f686c4 {
  border: 2px solid #f686c4;
}
CSS değişkenleri
:root {
  --color-primary: #f686c4;
  --color-primary-rgb: 246 134 196;
  --color-primary-hsl: 327 86% 75%;
}
Geçiş
.gradient-f686c4 {
  background: linear-gradient(135deg, #f686c4, #f6868c);
}
Renkli gölge
.shadow-f686c4 {
  box-shadow: 0 8px 24px rgb(246 134 196 / 0.35);
}

#f77fbe Persian Pink ΔE 1.60 #ff69b4 Hot Pink ΔE 5.62 #ff66cc Rose Pink ΔE 6.66 #de6fa1 Thulian Pink ΔE 7.73 #fc8eac Flamingo Pink ΔE 7.99 #ffa6c9 Carnation Pink ΔE 8.12 #cf71af Sky Magenta ΔE 8.54 #09793b Ters renk #ababab Gri tonlama 

Persian Pink
#f686c4  rgb(246, 134, 196)  hsl(327, 86%, 75%)  Persian Pink
#86f6b8  rgb(134, 246, 184)  hsl(147, 86%, 75%)  Aquamarine
#c4f686  rgb(196, 246, 134)  hsl(87, 86%, 75%)  Inchworm
#86c4f6  rgb(134, 196, 246)  hsl(207, 86%, 75%)  Maya Blue