ColorTool
Giriş yap
#8A6F66

#8a6f66 ≈ Beaver

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

#8a6f66, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %54,12 kırmızı, %43,53 yeşil ve %40 maviden oluşur; CMYK baskıda %0 camgöbeği, %19,57 macenta, %26,09 sarı ve %45,88 siyah kullanır. Ton açısı 15°, HSL’de doygunluğu %15 ve açıklığı %47,06’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 beyaz metin 4,62:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 7,82.

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

Tamamlayıcı

  1. #8a6f66
  2. #66818a

Bölünmüş tamamlayıcı

  1. #8a6f66
  2. #668a81
  3. #666f8a

Komşu

  1. #8a666f
  2. #8a6f66
  3. #8a8166

Üçlü

  1. #8a6f66
  2. #668a6f
  3. #6f668a

Dörtlü

  1. #8a6f66
  2. #818a66
  3. #66818a
  4. #6f668a

Kare

  1. #8a6f66
  2. #6f8a66
  3. #66818a
  4. #81668a

Tek renkli

  1. #322825
  2. #5e4c45
  3. #8a6f66
  4. #ad9790
  5. #cdc0bc

Koyu tonlar

#8a6f66 kademeli olarak siyahla karıştırıldı.

  1. #8a6f66
  2. #7c645c
  3. #6e5952
  4. #614e47
  5. #53433d
  6. #453833
  7. #372c29
  8. #29211f
  9. #1c1614
  10. #0e0b0a
  11. #000000

Açık tonlar

#8a6f66 kademeli olarak beyazla karıştırıldı.

  1. #8a6f66
  2. #967d75
  3. #a18c85
  4. #ad9a94
  5. #b9a9a3
  6. #c5b7b3
  7. #d0c5c2
  8. #dcd4d1
  9. #e8e2e0
  10. #f3f1f0
  11. #ffffff

Tonlar

#8a6f66 kademeli olarak griyle karıştırıldı.

  1. #8a6f66
  2. #897169
  3. #88726b
  4. #87746e
  5. #867670
  6. #857873
  7. #847976
  8. #837b78
  9. #827d7b
  10. #817e7d
  11. #808080

Okunaklı metin 4.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7e736f Erkeklerin ≈ 0.001% kadarı
Protanopi #757265 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7c7766 Erkeklerin ≈ 1.27% kadarı
Tritanopi #916b6d Erkeklerin ≈ 0.0001% kadarı
Protanomali #7e7166 Erkeklerin ≈ 1.08% kadarı
Döteranomali #827466 Erkeklerin ≈ 4.63% kadarı
Tritanomali #8e6d6a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-8a6f66 {
  color: #8a6f66;
}
Arka plan
.bg-8a6f66 {
  background-color: #8a6f66;
  color: #ffffff;
}
Kenarlık
.border-8a6f66 {
  border: 2px solid #8a6f66;
}
CSS değişkenleri
:root {
  --color-primary: #8a6f66;
  --color-primary-rgb: 138 111 102;
  --color-primary-hsl: 15 15% 47%;
}
Geçiş
.gradient-8a6f66 {
  background: linear-gradient(135deg, #8a6f66, #8a8166);
}
Renkli gölge
.shadow-8a6f66 {
  box-shadow: 0 8px 24px rgb(138 111 102 / 0.35);
}

#9f8170 Beaver ΔE 7.82 #996666 Copper Rose ΔE 8.81 #a67b5b Cafe au Lait ΔE 10.71 #826644 Raw Umber ΔE 11.37 #645452 Wenge ΔE 11.95 #8b8589 Taupe Gray ΔE 12.22 #a45a52 Redwood ΔE 12.25 #759099 Ters renk #757575 Gri tonlama 

Beaver
#8a6f66  rgb(138, 111, 102)  hsl(15, 15%, 47%)  Beaver
#66818a  rgb(102, 129, 138)  hsl(195, 15%, 47%)  Slate Gray
#668a6f  rgb(102, 138, 111)  hsl(135, 15%, 47%)  Xanadu
#6f668a  rgb(111, 102, 138)  hsl(255, 15%, 47%)  Old Lavender