ColorTool
Giriş yap
#AB9C8A

#ab9c8a ≈ Dark Gray

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

#ab9c8a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %67,06 kırmızı, %61,18 yeşil ve %54,12 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,77 macenta, %19,3 sarı ve %32,94 siyah kullanır. Ton açısı 32,73°, HSL’de doygunluğu %16,42 ve açıklığı %60,59’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 7,85:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Gray (#a9a9a9), ΔE 10.

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

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

Tamamlayıcı

  1. #ab9c8a
  2. #8a99ab

Bölünmüş tamamlayıcı

  1. #ab9c8a
  2. #8aaaab
  3. #8c8aab

Komşu

  1. #ab8c8a
  2. #ab9c8a
  3. #aaab8a

Üçlü

  1. #ab9c8a
  2. #8aab9c
  3. #9c8aab

Dörtlü

  1. #ab9c8a
  2. #99ab8a
  3. #8a99ab
  4. #9c8aab

Kare

  1. #ab9c8a
  2. #8aab8c
  3. #8a99ab
  4. #ab8aaa

Tek renkli

  1. #5b4f41
  2. #877661
  3. #ab9c8a
  4. #cbc2b7
  5. #ebe7e3

Koyu tonlar

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

  1. #ab9c8a
  2. #9a8c7c
  3. #897d6e
  4. #786d61
  5. #675e53
  6. #564e45
  7. #443e37
  8. #332f29
  9. #221f1c
  10. #11100e
  11. #000000

Açık tonlar

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

  1. #ab9c8a
  2. #b3a696
  3. #bcb0a1
  4. #c4baad
  5. #cdc4b9
  6. #d5cec5
  7. #ddd7d0
  8. #e6e1dc
  9. #eeebe8
  10. #f7f5f3
  11. #ffffff

Tonlar

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

  1. #ab9c8a
  2. #a79989
  3. #a29688
  4. #9e9487
  5. #9a9186
  6. #968e85
  7. #918b84
  8. #8d8883
  9. #898682
  10. #848381
  11. #808080

Okunaklı metin 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9e9e9e Erkeklerin ≈ 0.003% kadarı
Akromatomali #a39d97 Erkeklerin ≈ 0.001% kadarı
Protanopi #a29c89 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a5a08a Erkeklerin ≈ 1.27% kadarı
Tritanopi #b19897 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a69c89 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a89e8a Erkeklerin ≈ 4.63% kadarı
Tritanomali #af9a92 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab9c8a {
  color: #ab9c8a;
}
Arka plan
.bg-ab9c8a {
  background-color: #ab9c8a;
  color: #000000;
}
Kenarlık
.border-ab9c8a {
  border: 2px solid #ab9c8a;
}
CSS değişkenleri
:root {
  --color-primary: #ab9c8a;
  --color-primary-rgb: 171 156 138;
  --color-primary-hsl: 33 16% 61%;
}
Geçiş
.gradient-ab9c8a {
  background: linear-gradient(135deg, #ab9c8a, #aaab8a);
}
Renkli gölge
.shadow-ab9c8a {
  box-shadow: 0 8px 24px rgb(171 156 138 / 0.35);
}

#a9a9a9 Dark Gray ΔE 10.00 #a9a9a9 Dark Grey ΔE 10.00 #c19a6b Camel ΔE 10.21 #9f8170 Beaver ΔE 10.47 #d2b48c Tan ΔE 10.53 #c4aead Silver Pink ΔE 11.65 #c2b280 Ecru ΔE 11.68 #546375 Ters renk #9e9e9e Gri tonlama 

Dark Gray
#ab9c8a  rgb(171, 156, 138)  hsl(33, 16%, 61%)  Dark Gray
#8a99ab  rgb(138, 153, 171)  hsl(213, 16%, 61%)  Light Slate Gray
#8aab9c  rgb(138, 171, 156)  hsl(153, 16%, 61%)  Opal
#9c8aab  rgb(156, 138, 171)  hsl(273, 16%, 61%)  Rose Quartz