ColorTool
Giriş yap
#AF751A

#af751a ≈ Ginger

  • kahverengi
  • Açıklık: düşük
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#af751a, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %68,63 kırmızı, %45,88 yeşil ve %10,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %33,14 macenta, %85,14 sarı ve %31,37 siyah kullanır. Ton açısı 36,64°, HSL’de doygunluğu %74,13 ve açıklığı %39,41’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,38:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ginger (#b06500), ΔE 6,26.

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

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

Tamamlayıcı

  1. #af751a
  2. #1a54af

Bölünmüş tamamlayıcı

  1. #af751a
  2. #1a9faf
  3. #2a1aaf

Komşu

  1. #af2a1a
  2. #af751a
  3. #9faf1a

Üçlü

  1. #af751a
  2. #1aaf75
  3. #751aaf

Dörtlü

  1. #af751a
  2. #54af1a
  3. #1a54af
  4. #751aaf

Kare

  1. #af751a
  2. #1aaf2a
  3. #1a54af
  4. #af1a9f

Tek renkli

  1. #2a1c06
  2. #6c4810
  3. #af751a
  4. #e19e35
  5. #ebbe77

Koyu tonlar

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

  1. #af751a
  2. #9e6917
  3. #8c5e15
  4. #7b5212
  5. #694610
  6. #583b0d
  7. #462f0a
  8. #352308
  9. #231705
  10. #120c03
  11. #000000

Açık tonlar

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

  1. #af751a
  2. #b78331
  3. #bf9148
  4. #c79e5f
  5. #cfac76
  6. #d7ba8d
  7. #dfc8a3
  8. #e7d6ba
  9. #efe3d1
  10. #f7f1e8
  11. #ffffff

Tonlar

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

  1. #af751a
  2. #aa7624
  3. #a6772e
  4. #a17839
  5. #9c7943
  6. #987b4d
  7. #937c57
  8. #8e7d61
  9. #897e6c
  10. #857f76
  11. #808080

Okunaklı metin 3.9:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.38:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #818181 Erkeklerin ≈ 0.003% kadarı
Akromatomali #967c67 Erkeklerin ≈ 0.001% kadarı
Protanopi #897902 Erkeklerin ≈ 1.01% kadarı
Döteranopi #97861d Erkeklerin ≈ 1.27% kadarı
Tritanopi #bf6664 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9a770e Erkeklerin ≈ 1.08% kadarı
Döteranomali #a1801c Erkeklerin ≈ 4.63% kadarı
Tritanomali #b96c50 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af751a {
  color: #af751a;
}
Arka plan
.bg-af751a {
  background-color: #af751a;
  color: #000000;
}
Kenarlık
.border-af751a {
  border: 2px solid #af751a;
}
CSS değişkenleri
:root {
  --color-primary: #af751a;
  --color-primary-rgb: 175 117 26;
  --color-primary-hsl: 37 74% 39%;
}
Geçiş
.gradient-af751a {
  background: linear-gradient(135deg, #af751a, #9faf1a);
}
Renkli gölge
.shadow-af751a {
  box-shadow: 0 8px 24px rgb(175 117 26 / 0.35);
}

#b06500 Ginger ΔE 6.26 #b87333 Copper ΔE 6.36 #996515 Golden Brown ΔE 6.95 #b8860b Dark Goldenrod ΔE 7.12 #cc7722 Ochre ΔE 7.91 #cd7f32 Bronze ΔE 8.17 #cd853f Peru ΔE 8.88 #508ae5 Ters renk #818181 Gri tonlama 

Ginger
#af751a  rgb(175, 117, 26)  hsl(37, 74%, 39%)  Ginger
#1a54af  rgb(26, 84, 175)  hsl(217, 74%, 39%)  Sapphire
#1aaf75  rgb(26, 175, 117)  hsl(157, 74%, 39%)  Jade
#751aaf  rgb(117, 26, 175)  hsl(277, 74%, 39%)  Purple Heart