ColorTool
Giriş yap
#AA601E

#aa601e ≈ Ginger

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

#aa601e, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %66,67 kırmızı, %37,65 yeşil ve %11,76 maviden oluşur; CMYK baskıda %0 camgöbeği, %43,53 macenta, %82,35 sarı ve %33,33 siyah kullanır. Ton açısı 28,29°, HSL’de doygunluğu %70 ve açıklığı %39,22’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 beyaz metin 4,77:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Ginger (#b06500), ΔE 4,53.

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

Tamamlayıcı

  1. #aa601e
  2. #1e68aa

Bölünmüş tamamlayıcı

  1. #aa601e
  2. #1eaaa6
  3. #1e22aa

Komşu

  1. #aa1e22
  2. #aa601e
  3. #aaa61e

Üçlü

  1. #aa601e
  2. #1eaa60
  3. #601eaa

Dörtlü

  1. #aa601e
  2. #68aa1e
  3. #1e68aa
  4. #601eaa

Kare

  1. #aa601e
  2. #22aa1e
  3. #1e68aa
  4. #a61eaa

Tek renkli

  1. #281707
  2. #693b13
  3. #aa601e
  4. #dc8639
  5. #e7ad7a

Koyu tonlar

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

  1. #aa601e
  2. #99561b
  3. #884d18
  4. #774315
  5. #663a12
  6. #55300f
  7. #44260c
  8. #331d09
  9. #221306
  10. #110a03
  11. #000000

Açık tonlar

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

  1. #aa601e
  2. #b37035
  3. #bb804b
  4. #c49062
  5. #cca078
  6. #d5b08f
  7. #ddbfa5
  8. #e6cfbc
  9. #eedfd2
  10. #f7efe9
  11. #ffffff

Tonlar

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

  1. #aa601e
  2. #a66328
  3. #a26632
  4. #9d6a3b
  5. #996d45
  6. #95704f
  7. #917359
  8. #8d7663
  9. #887a6c
  10. #847d76
  11. #808080

Okunaklı metin 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8c6c5c Erkeklerin ≈ 0.001% kadarı
Protanopi #766813 Erkeklerin ≈ 1.01% kadarı
Döteranopi #88791e Erkeklerin ≈ 1.27% kadarı
Tritanopi #ba5053 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8e6518 Erkeklerin ≈ 1.08% kadarı
Döteranomali #97701e Erkeklerin ≈ 4.63% kadarı
Tritanomali #b45744 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-aa601e {
  color: #aa601e;
}
Arka plan
.bg-aa601e {
  background-color: #aa601e;
  color: #ffffff;
}
Kenarlık
.border-aa601e {
  border: 2px solid #aa601e;
}
CSS değişkenleri
:root {
  --color-primary: #aa601e;
  --color-primary-rgb: 170 96 30;
  --color-primary-hsl: 28 70% 39%;
}
Geçiş
.gradient-aa601e {
  background: linear-gradient(135deg, #aa601e, #aaa61e);
}
Renkli gölge
.shadow-aa601e {
  box-shadow: 0 8px 24px rgb(170 96 30 / 0.35);
}

#b06500 Ginger ΔE 4.53 #b87333 Copper ΔE 6.69 #996515 Golden Brown ΔE 7.26 #cc5500 Burnt Orange ΔE 8.32 #a0522d Sienna ΔE 8.47 #d2691e Chocolate ΔE 9.19 #cc7722 Ochre ΔE 10.05 #559fe1 Ters renk #737373 Gri tonlama 

Ginger
#aa601e  rgb(170, 96, 30)  hsl(28, 70%, 39%)  Ginger
#1e68aa  rgb(30, 104, 170)  hsl(208, 70%, 39%)  Medium Persian Blue
#1eaa60  rgb(30, 170, 96)  hsl(148, 70%, 39%)  Jade
#601eaa  rgb(96, 30, 170)  hsl(268, 70%, 39%)  Rebecca Purple