ColorTool
Giriş yap
#89786A

#89786a ≈ Beaver

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

#89786a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %53,73 kırmızı, %47,06 yeşil ve %41,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %12,41 macenta, %22,63 sarı ve %46,27 siyah kullanır. Ton açısı 27,1°, HSL’de doygunluğu %12,76 ve açıklığı %47,65’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 4,96:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 6,75.

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

Tamamlayıcı

  1. #89786a
  2. #6a7b89

Bölünmüş tamamlayıcı

  1. #89786a
  2. #6a8988
  3. #6a6c89

Komşu

  1. #896a6c
  2. #89786a
  3. #89886a

Üçlü

  1. #89786a
  2. #6a8978
  3. #786a89

Dörtlü

  1. #89786a
  2. #7b896a
  3. #6a7b89
  4. #786a89

Kare

  1. #89786a
  2. #6c896a
  3. #6a7b89
  4. #886a89

Tek renkli

  1. #332c27
  2. #5e5249
  3. #89786a
  4. #ac9f94
  5. #cdc5bf

Koyu tonlar

#89786a kademeli olarak siyahla karıştırıldı.

  1. #89786a
  2. #7b6c5f
  3. #6e6055
  4. #60544a
  5. #524840
  6. #453c35
  7. #37302a
  8. #292420
  9. #1b1815
  10. #0e0c0b
  11. #000000

Açık tonlar

#89786a kademeli olarak beyazla karıştırıldı.

  1. #89786a
  2. #958679
  3. #a19388
  4. #aca197
  5. #b8aea6
  6. #c4bcb5
  7. #d0c9c3
  8. #dcd7d2
  9. #e7e4e1
  10. #f3f2f0
  11. #ffffff

Tonlar

#89786a kademeli olarak griyle karıştırıldı.

  1. #89786a
  2. #88796c
  3. #877a6e
  4. #867a71
  5. #857b73
  6. #857c75
  7. #847d77
  8. #837e79
  9. #827e7c
  10. #817f7e
  11. #808080

Okunaklı metin 4.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 4.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7b7b7b Erkeklerin ≈ 0.003% kadarı
Akromatomali #817a75 Erkeklerin ≈ 0.001% kadarı
Protanopi #7d7969 Erkeklerin ≈ 1.01% kadarı
Döteranopi #817c6a Erkeklerin ≈ 1.27% kadarı
Tritanopi #8f7574 Erkeklerin ≈ 0.0001% kadarı
Protanomali #827869 Erkeklerin ≈ 1.08% kadarı
Döteranomali #847b6a Erkeklerin ≈ 4.63% kadarı
Tritanomali #8d7670 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-89786a {
  color: #89786a;
}
Arka plan
.bg-89786a {
  background-color: #89786a;
  color: #000000;
}
Kenarlık
.border-89786a {
  border: 2px solid #89786a;
}
CSS değişkenleri
:root {
  --color-primary: #89786a;
  --color-primary-rgb: 137 120 106;
  --color-primary-hsl: 27 13% 48%;
}
Geçiş
.gradient-89786a {
  background: linear-gradient(135deg, #89786a, #89886a);
}
Renkli gölge
.shadow-89786a {
  box-shadow: 0 8px 24px rgb(137 120 106 / 0.35);
}

#9f8170 Beaver ΔE 6.75 #808080 Gray ΔE 9.58 #808080 Grey ΔE 9.58 #848482 Battleship Gray ΔE 9.61 #a67b5b Cafe au Lait ΔE 9.97 #826644 Raw Umber ΔE 10.01 #8b8589 Taupe Gray ΔE 10.62 #768795 Ters renk #7b7b7b Gri tonlama 

Beaver
#89786a  rgb(137, 120, 106)  hsl(27, 13%, 48%)  Beaver
#6a7b89  rgb(106, 123, 137)  hsl(207, 13%, 48%)  Slate Gray
#6a8978  rgb(106, 137, 120)  hsl(147, 13%, 48%)  Xanadu
#786a89  rgb(120, 106, 137)  hsl(267, 13%, 48%)  Old Lavender