ColorTool
Giriş yap
#A18C77

#a18c77 ≈ Beaver

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

#a18c77, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %63,14 kırmızı, %54,9 yeşil ve %46,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %13,04 macenta, %26,09 sarı ve %36,86 siyah kullanır. Ton açısı 30°, HSL’de doygunluğu %18,26 ve açıklığı %54,9’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, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,53:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 5,79.

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

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

Tamamlayıcı

  1. #a18c77
  2. #778ca1

Bölünmüş tamamlayıcı

  1. #a18c77
  2. #77a1a1
  3. #7777a1

Komşu

  1. #a17777
  2. #a18c77
  3. #a1a177

Üçlü

  1. #a18c77
  2. #77a18c
  3. #8c77a1

Dörtlü

  1. #a18c77
  2. #8ca177
  3. #778ca1
  4. #8c77a1

Kare

  1. #a18c77
  2. #77a177
  3. #778ca1
  4. #a177a1

Tek renkli

  1. #4b3f34
  2. #786653
  3. #a18c77
  4. #c0b2a4
  5. #e0d8d1

Koyu tonlar

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

  1. #a18c77
  2. #917e6b
  3. #81705f
  4. #716253
  5. #615447
  6. #51463c
  7. #403830
  8. #302a24
  9. #201c18
  10. #100e0c
  11. #000000

Açık tonlar

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

  1. #a18c77
  2. #aa9885
  3. #b4a392
  4. #bdafa0
  5. #c7baad
  6. #d0c6bb
  7. #d9d1c9
  8. #e3ddd6
  9. #ece8e4
  10. #f6f4f1
  11. #ffffff

Tonlar

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

  1. #a18c77
  2. #9e8b78
  3. #9a8a79
  4. #97887a
  5. #94877b
  6. #91867c
  7. #8d857c
  8. #8a847d
  9. #87827e
  10. #83817f
  11. #808080

Okunaklı metin 3.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8f8f8f Erkeklerin ≈ 0.003% kadarı
Akromatomali #978e86 Erkeklerin ≈ 0.001% kadarı
Protanopi #938d76 Erkeklerin ≈ 1.01% kadarı
Döteranopi #989177 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a98786 Erkeklerin ≈ 0.0001% kadarı
Protanomali #998c76 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9c8f77 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a68980 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#9f8170 Beaver ΔE 5.79 #a67b5b Cafe au Lait ΔE 8.68 #c19a6b Camel ΔE 9.85 #848482 Battleship Gray ΔE 11.83 #8b8589 Taupe Gray ΔE 12.75 #808080 Gray ΔE 12.84 #808080 Grey ΔE 12.84 #5e7388 Ters renk #8f8f8f Gri tonlama 

Beaver
#a18c77  rgb(161, 140, 119)  hsl(30, 18%, 55%)  Beaver
#778ca1  rgb(119, 140, 161)  hsl(210, 18%, 55%)  Light Slate Gray
#77a18c  rgb(119, 161, 140)  hsl(150, 18%, 55%)  Cadet Blue
#8c77a1  rgb(140, 119, 161)  hsl(270, 18%, 55%)  Purple Mountain Majesty