ColorTool
Giriş yap
#F4907B

#f4907b ≈ Vivid Tangerine

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

#f4907b, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %95,69 kırmızı, %56,47 yeşil ve %48,24 maviden oluşur; CMYK baskıda %0 camgöbeği, %40,98 macenta, %49,59 sarı ve %4,31 siyah kullanır. Ton açısı 10,41°, HSL’de doygunluğu %84,62 ve açıklığı %71,96’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet 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,12:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Vivid Tangerine (#ffa089), ΔE 3,99.

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

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

Tamamlayıcı

  1. #f4907b
  2. #7bdff4

Bölünmüş tamamlayıcı

  1. #f4907b
  2. #7bf4cc
  3. #7ba3f4

Komşu

  1. #f47ba3
  2. #f4907b
  3. #f4cc7b

Üçlü

  1. #f4907b
  2. #7bf490
  3. #907bf4

Dörtlü

  1. #f4907b
  2. #dff47b
  3. #7bdff4
  4. #907bf4

Kare

  1. #f4907b
  2. #a3f47b
  3. #7bdff4
  4. #cc7bf4

Tek renkli

  1. #c63010
  2. #ee5534
  3. #f4907b
  4. #facbc2
  5. #fdefec

Koyu tonlar

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

  1. #f4907b
  2. #dc826f
  3. #c37362
  4. #ab6556
  5. #92564a
  6. #7a483e
  7. #623a31
  8. #492b25
  9. #311d19
  10. #180e0c
  11. #000000

Açık tonlar

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

  1. #f4907b
  2. #f59b88
  3. #f6a695
  4. #f7b1a3
  5. #f8bcb0
  6. #fac8bd
  7. #fbd3ca
  8. #fcded7
  9. #fde9e5
  10. #fef4f2
  11. #ffffff

Tonlar

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

  1. #f4907b
  2. #e88e7c
  3. #dd8d7c
  4. #d18b7d
  5. #c68a7d
  6. #ba887e
  7. #ae867e
  8. #a3857f
  9. #97837f
  10. #8c8280
  11. #808080

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

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #cca19a Erkeklerin ≈ 0.001% kadarı
Protanopi #a89e79 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c0b37a Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff818b Erkeklerin ≈ 0.0001% kadarı
Protanomali #cb997a Erkeklerin ≈ 1.08% kadarı
Döteranomali #d7a67a Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff8785 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f4907b {
  color: #f4907b;
}
Arka plan
.bg-f4907b {
  background-color: #f4907b;
  color: #000000;
}
Kenarlık
.border-f4907b {
  border: 2px solid #f4907b;
}
CSS değişkenleri
:root {
  --color-primary: #f4907b;
  --color-primary-rgb: 244 144 123;
  --color-primary-hsl: 10 85% 72%;
}
Geçiş
.gradient-f4907b {
  background: linear-gradient(135deg, #f4907b, #f4cc7b);
}
Renkli gölge
.shadow-f4907b {
  box-shadow: 0 8px 24px rgb(244 144 123 / 0.35);
}

#ffa089 Vivid Tangerine ΔE 3.99 #e9967a Dark Salmon ΔE 4.00 #fa8072 Salmon ΔE 4.35 #ffa07a Light Salmon ΔE 6.56 #f08080 Light Coral ΔE 7.42 #fe6f5e Bittersweet ΔE 7.45 #e2725b Terra Cotta ΔE 7.91 #0b6f84 Ters renk #ababab Gri tonlama 

Vivid Tangerine
#f4907b  rgb(244, 144, 123)  hsl(10, 85%, 72%)  Vivid Tangerine
#7bdff4  rgb(123, 223, 244)  hsl(190, 85%, 72%)  Non-Photo Blue
#7bf490  rgb(123, 244, 144)  hsl(130, 85%, 72%)  Light Green
#907bf4  rgb(144, 123, 244)  hsl(250, 85%, 72%)  Medium Purple