ColorTool
Giriş yap
#A37F77

#a37f77 ≈ Beaver

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

#a37f77, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %63,92 kırmızı, %49,8 yeşil ve %46,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %22,09 macenta, %26,99 sarı ve %36,08 siyah kullanır. Ton açısı 10,91°, HSL’de doygunluğu %19,3 ve açıklığı %55,29’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,86:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 5,29.

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

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

Tamamlayıcı

  1. #a37f77
  2. #779ba3

Bölünmüş tamamlayıcı

  1. #a37f77
  2. #77a395
  3. #7785a3

Komşu

  1. #a37785
  2. #a37f77
  3. #a39577

Üçlü

  1. #a37f77
  2. #77a37f
  3. #7f77a3

Dörtlü

  1. #a37f77
  2. #9ba377
  3. #779ba3
  4. #7f77a3

Kare

  1. #a37f77
  2. #85a377
  3. #779ba3
  4. #9577a3

Tek renkli

  1. #4d3934
  2. #7b5a53
  3. #a37f77
  4. #c2aaa5
  5. #e1d5d2

Koyu tonlar

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

  1. #a37f77
  2. #93726b
  3. #82665f
  4. #725953
  5. #624c47
  6. #52403c
  7. #413330
  8. #312624
  9. #211918
  10. #100d0c
  11. #000000

Açık tonlar

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

  1. #a37f77
  2. #ac8c85
  3. #b59992
  4. #bfa5a0
  5. #c8b2ad
  6. #d1bfbb
  7. #daccc9
  8. #e3d9d6
  9. #ede5e4
  10. #f6f2f1
  11. #ffffff

Tonlar

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

  1. #a37f77
  2. #a07f78
  3. #9c7f79
  4. #997f7a
  5. #957f7b
  6. #92807c
  7. #8e807c
  8. #8b807d
  9. #87807e
  10. #84807f
  11. #808080

Okunaklı metin 3.58:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.86:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #878787 Erkeklerin ≈ 0.003% kadarı
Akromatomali #938481 Erkeklerin ≈ 0.001% kadarı
Protanopi #878376 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8f8a77 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ac7a7d Erkeklerin ≈ 0.0001% kadarı
Protanomali #938177 Erkeklerin ≈ 1.08% kadarı
Döteranomali #978677 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a87c7b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a37f77 {
  color: #a37f77;
}
Arka plan
.bg-a37f77 {
  background-color: #a37f77;
  color: #000000;
}
Kenarlık
.border-a37f77 {
  border: 2px solid #a37f77;
}
CSS değişkenleri
:root {
  --color-primary: #a37f77;
  --color-primary-rgb: 163 127 119;
  --color-primary-hsl: 11 19% 55%;
}
Geçiş
.gradient-a37f77 {
  background: linear-gradient(135deg, #a37f77, #a39577);
}
Renkli gölge
.shadow-a37f77 {
  box-shadow: 0 8px 24px rgb(163 127 119 / 0.35);
}

#9f8170 Beaver ΔE 5.29 #bc8f8f Rosy Brown ΔE 7.77 #c08081 Old Rose ΔE 8.63 #a67b5b Cafe au Lait ΔE 9.59 #996666 Copper Rose ΔE 9.70 #b76e79 Rose Gold ΔE 11.23 #b57281 Turkish Rose ΔE 11.43 #5c8088 Ters renk #878787 Gri tonlama 

Beaver
#a37f77  rgb(163, 127, 119)  hsl(11, 19%, 55%)  Beaver
#779ba3  rgb(119, 155, 163)  hsl(191, 19%, 55%)  Cadet Blue
#77a37f  rgb(119, 163, 127)  hsl(131, 19%, 55%)  Dark Sea Green
#7f77a3  rgb(127, 119, 163)  hsl(251, 19%, 55%)  Purple Mountain Majesty