ColorTool
Giriş yap
#FDC4B4

#fdc4b4 ≈ Melon

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

#fdc4b4, “turuncu” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu orta. RGB modelinde %99,22 kırmızı, %76,86 yeşil ve %70,59 maviden oluşur; CMYK baskıda %0 camgöbeği, %22,53 macenta, %28,85 sarı ve %0,78 siyah kullanır. Ton açısı 13,15°, HSL’de doygunluğu %94,81 ve açıklığı %84,9’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 13,73:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Melon (#fdbcb4), ΔE 4,02.

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

Tamamlayıcı

  1. #fdc4b4
  2. #b4edfd

Bölünmüş tamamlayıcı

  1. #fdc4b4
  2. #b4fde8
  3. #b4c8fd

Komşu

  1. #fdb4c8
  2. #fdc4b4
  3. #fde8b4

Üçlü

  1. #fdc4b4
  2. #b4fdc4
  3. #c4b4fd

Dörtlü

  1. #fdc4b4
  2. #edfdb4
  3. #b4edfd
  4. #c4b4fd

Kare

  1. #fdc4b4
  2. #c8fdb4
  3. #b4edfd
  4. #e8b4fd

Tek renkli

  1. #f94f1f
  2. #fb8969
  3. #fdc4b4
  4. #feefeb
  5. #feefeb

Koyu tonlar

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

  1. #fdc4b4
  2. #e4b0a2
  3. #ca9d90
  4. #b1897e
  5. #98766c
  6. #7f625a
  7. #654e48
  8. #4c3b36
  9. #332724
  10. #191412
  11. #000000

Açık tonlar

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

  1. #fdc4b4
  2. #fdcabc
  3. #fdd0c3
  4. #fed6cb
  5. #fedcd2
  6. #fee2da
  7. #fee7e1
  8. #feede9
  9. #fff3f0
  10. #fff9f8
  11. #ffffff

Tonlar

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

  1. #fdc4b4
  2. #f1bdaf
  3. #e4b6aa
  4. #d8b0a4
  5. #cba99f
  6. #bfa29a
  7. #b29b95
  8. #a69490
  9. #998e8a
  10. #8d8785
  11. #808080

Okunaklı metin 1.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.73:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d1d1d1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e4ccc6 Erkeklerin ≈ 0.001% kadarı
Protanopi #d1cab3 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ded5b4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffbcc0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e4c8b3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ebcfb4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffbfbb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-fdc4b4 {
  color: #fdc4b4;
}
Arka plan
.bg-fdc4b4 {
  background-color: #fdc4b4;
  color: #000000;
}
Kenarlık
.border-fdc4b4 {
  border: 2px solid #fdc4b4;
}
CSS değişkenleri
:root {
  --color-primary: #fdc4b4;
  --color-primary-rgb: 253 196 180;
  --color-primary-hsl: 13 95% 85%;
}
Geçiş
.gradient-fdc4b4 {
  background: linear-gradient(135deg, #fdc4b4, #fde8b4);
}
Renkli gölge
.shadow-fdc4b4 {
  box-shadow: 0 8px 24px rgb(253 196 180 / 0.35);
}

#fdbcb4 Melon ΔE 4.02 #ebc2af Zinnwaldite ΔE 4.96 #f4c2c2 Baby Pink ΔE 6.35 #fbceb1 Apricot ΔE 6.99 #edc9af Desert Sand ΔE 8.29 #ffddca Unbleached Silk ΔE 8.33 #dea5a4 Pastel Pink ΔE 9.61 #023b4b Ters renk #d1d1d1 Gri tonlama 

Melon
#fdc4b4  rgb(253, 196, 180)  hsl(13, 95%, 85%)  Melon
#b4edfd  rgb(180, 237, 253)  hsl(193, 95%, 85%)  Non-Photo Blue
#b4fdc4  rgb(180, 253, 196)  hsl(133, 95%, 85%)  Celadon
#c4b4fd  rgb(196, 180, 253)  hsl(253, 95%, 85%)  Periwinkle