ColorTool
Giriş yap
#F8A5DC

#f8a5dc ≈ Plum

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

#f8a5dc, “gül kırmızısı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %97,25 kırmızı, %64,71 yeşil ve %86,27 maviden oluşur; CMYK baskıda %0 camgöbeği, %33,47 macenta, %11,29 sarı ve %2,75 siyah kullanır. Ton açısı 320,24°, HSL’de doygunluğu %85,57 ve açıklığı %80,98’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 11,41:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Plum (#dda0dd), ΔE 5,71.

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

Tamamlayıcı

  1. #f8a5dc
  2. #a5f8c1

Bölünmüş tamamlayıcı

  1. #f8a5dc
  2. #b2f8a5
  3. #a5f8ea

Komşu

  1. #eaa5f8
  2. #f8a5dc
  3. #f8a5b2

Üçlü

  1. #f8a5dc
  2. #dcf8a5
  3. #a5dcf8

Dörtlü

  1. #f8a5dc
  2. #f8c1a5
  3. #a5f8c1
  4. #a5dcf8

Kare

  1. #f8a5dc
  2. #f8eaa5
  3. #a5f8c1
  4. #a5b2f8

Tek renkli

  1. #ed17a5
  2. #f25ec0
  3. #f8a5dc
  4. #feecf8
  5. #feecf8

Koyu tonlar

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

  1. #f8a5dc
  2. #df95c6
  3. #c684b0
  4. #ae749a
  5. #956384
  6. #7c536e
  7. #634258
  8. #4a3242
  9. #32212c
  10. #191116
  11. #000000

Açık tonlar

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

  1. #f8a5dc
  2. #f9aee0
  3. #f9b7e3
  4. #fac0e7
  5. #fbc9ea
  6. #fcd2ee
  7. #fcdbf1
  8. #fde4f5
  9. #feedf8
  10. #fef6fc
  11. #ffffff

Tonlar

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

  1. #f8a5dc
  2. #eca1d3
  3. #e09eca
  4. #d49ac0
  5. #c896b7
  6. #bc93ae
  7. #b08fa5
  8. #a48b9c
  9. #988792
  10. #8c8489
  11. #808080

Okunaklı metin 1.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bfbfbf Erkeklerin ≈ 0.003% kadarı
Akromatomali #d8b5cb Erkeklerin ≈ 0.001% kadarı
Protanopi #a8b7de Erkeklerin ≈ 1.01% kadarı
Döteranopi #bcc4da Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffa6b8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cdb0dd Erkeklerin ≈ 1.08% kadarı
Döteranomali #d7b8db Erkeklerin ≈ 4.63% kadarı
Tritanomali #fea6c8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#dda0dd Plum ΔE 5.71 #ffa6c9 Carnation Pink ΔE 5.78 #f6adc6 Nadeshiko Pink ΔE 7.52 #f77fbe Persian Pink ΔE 8.54 #c8a2c8 Lilac ΔE 9.25 #c9a0dc Wisteria ΔE 9.90 #e0b0ff Mauve ΔE 10.45 #075a23 Ters renk #bfbfbf Gri tonlama 

Plum
#f8a5dc  rgb(248, 165, 220)  hsl(320, 86%, 81%)  Plum
#a5f8c1  rgb(165, 248, 193)  hsl(140, 86%, 81%)  Celadon
#dcf8a5  rgb(220, 248, 165)  hsl(80, 86%, 81%)  Tea Green
#a5dcf8  rgb(165, 220, 248)  hsl(200, 86%, 81%)  Baby Blue