ColorTool
Giriş yap
#FA8701

#fa8701 ≈ Tangerine

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

#fa8701, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %98,04 kırmızı, %52,94 yeşil ve %0,39 maviden oluşur; CMYK baskıda %0 camgöbeği, %46 macenta, %99,6 sarı ve %1,96 siyah kullanır. Ton açısı 32,29°, HSL’de doygunluğu %99,2 ve açıklığı %49,22’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 ve gıda markaları ve restoranlar için kullanır. Bu renk üzerinde siyah metin 8,53:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tangerine (#f28500), ΔE 1,52.

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

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

Tamamlayıcı

  1. #fa8701
  2. #0174fa

Bölünmüş tamamlayıcı

  1. #fa8701
  2. #01f1fa
  3. #0b01fa

Komşu

  1. #fa0b01
  2. #fa8701
  3. #f1fa01

Üçlü

  1. #fa8701
  2. #01fa87
  3. #8701fa

Dörtlü

  1. #fa8701
  2. #74fa01
  3. #0174fa
  4. #8701fa

Kare

  1. #fa8701
  2. #01fa0b
  3. #0174fa
  4. #fa01f1

Tek renkli

  1. #623500
  2. #ae5e01
  3. #fa8701
  4. #feab49
  5. #ffce95

Koyu tonlar

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

  1. #fa8701
  2. #e17a01
  3. #c86c01
  4. #af5f01
  5. #965101
  6. #7d4401
  7. #643600
  8. #4b2900
  9. #321b00
  10. #190e00
  11. #000000

Açık tonlar

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

  1. #fa8701
  2. #fb931a
  3. #fb9f34
  4. #fcab4d
  5. #fcb767
  6. #fdc380
  7. #fdcf99
  8. #fedbb3
  9. #fee7cc
  10. #fff3e6
  11. #ffffff

Tonlar

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

  1. #fa8701
  2. #ee860e
  3. #e2861a
  4. #d58527
  5. #c98434
  6. #bd8441
  7. #b1834d
  8. #a5825a
  9. #988167
  10. #8c8173
  11. #808080

Okunaklı metin 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cd9a83 Erkeklerin ≈ 0.001% kadarı
Protanopi #aa9500 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c5af00 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff6c73 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cf9000 Erkeklerin ≈ 1.08% kadarı
Döteranomali #dca100 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff785a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-fa8701 {
  color: #fa8701;
}
Arka plan
.bg-fa8701 {
  background-color: #fa8701;
  color: #000000;
}
Kenarlık
.border-fa8701 {
  border: 2px solid #fa8701;
}
CSS değişkenleri
:root {
  --color-primary: #fa8701;
  --color-primary-rgb: 250 135 1;
  --color-primary-hsl: 32 99% 49%;
}
Geçiş
.gradient-fa8701 {
  background: linear-gradient(135deg, #fa8701, #f1fa01);
}
Renkli gölge
.shadow-fa8701 {
  box-shadow: 0 8px 24px rgb(250 135 1 / 0.35);
}

#f28500 Tangerine ΔE 1.52 #ff8c00 Dark Orange ΔE 1.52 #ed872d Cadmium Orange ΔE 3.40 #ed9121 Carrot Orange ΔE 4.42 #e48400 Fulvous ΔE 4.45 #ffa343 Neon Carrot ΔE 7.01 #ff7518 Pumpkin ΔE 7.28 #0578fe Ters renk #a5a5a5 Gri tonlama 

Tangerine
#fa8701  rgb(250, 135, 1)  hsl(32, 99%, 49%)  Tangerine
#0174fa  rgb(1, 116, 250)  hsl(212, 99%, 49%)  Brandeis Blue
#01fa87  rgb(1, 250, 135)  hsl(152, 99%, 49%)  Spring Green
#8701fa  rgb(135, 1, 250)  hsl(272, 99%, 49%)  Electric Violet