ColorTool
Giriş yap
#AB9C8E

#ab9c8e ≈ Dark Gray

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

#ab9c8e, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %67,06 kırmızı, %61,18 yeşil ve %55,69 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,77 macenta, %16,96 sarı ve %32,94 siyah kullanır. Ton açısı 28,97°, HSL’de doygunluğu %14,72 ve açıklığı %61,37’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,88:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Gray (#a9a9a9), ΔE 9,02.

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

Tamamlayıcı

  1. #ab9c8e
  2. #8e9dab

Bölünmüş tamamlayıcı

  1. #ab9c8e
  2. #8eabaa
  3. #8e8eab

Komşu

  1. #ab8e8e
  2. #ab9c8e
  3. #abaa8e

Üçlü

  1. #ab9c8e
  2. #8eab9c
  3. #9c8eab

Dörtlü

  1. #ab9c8e
  2. #9dab8e
  3. #8e9dab
  4. #9c8eab

Kare

  1. #ab9c8e
  2. #8eab8e
  3. #8e9dab
  4. #aa8eab

Tek renkli

  1. #5c5044
  2. #887665
  3. #ab9c8e
  4. #ccc2ba
  5. #ece9e6

Koyu tonlar

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

  1. #ab9c8e
  2. #9a8c80
  3. #897d72
  4. #786d63
  5. #675e55
  6. #564e47
  7. #443e39
  8. #332f2b
  9. #221f1c
  10. #11100e
  11. #000000

Açık tonlar

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

  1. #ab9c8e
  2. #b3a699
  3. #bcb0a5
  4. #c4bab0
  5. #cdc4bb
  6. #d5cec7
  7. #ddd7d2
  8. #e6e1dd
  9. #eeebe8
  10. #f7f5f4
  11. #ffffff

Tonlar

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

  1. #ab9c8e
  2. #a7998d
  3. #a2968b
  4. #9e948a
  5. #9a9188
  6. #968e87
  7. #918b86
  8. #8d8884
  9. #898683
  10. #848381
  11. #808080

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

Akromatopsi #9e9e9e Erkeklerin ≈ 0.003% kadarı
Akromatomali #a49d98 Erkeklerin ≈ 0.001% kadarı
Protanopi #a19d8d Erkeklerin ≈ 1.01% kadarı
Döteranopi #a5a08e Erkeklerin ≈ 1.27% kadarı
Tritanopi #b19998 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a59c8d Erkeklerin ≈ 1.08% kadarı
Döteranomali #a79e8e Erkeklerin ≈ 4.63% kadarı
Tritanomali #ae9a94 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#a9a9a9 Dark Gray ΔE 9.02 #a9a9a9 Dark Grey ΔE 9.02 #9f8170 Beaver ΔE 10.01 #c4aead Silver Pink ΔE 10.02 #c19a6b Camel ΔE 11.28 #d2b48c Tan ΔE 11.46 #848482 Battleship Gray ΔE 11.95 #546371 Ters renk #9e9e9e Gri tonlama 

Dark Gray
#ab9c8e  rgb(171, 156, 142)  hsl(29, 15%, 61%)  Dark Gray
#8e9dab  rgb(142, 157, 171)  hsl(209, 15%, 61%)  Light Slate Gray
#8eab9c  rgb(142, 171, 156)  hsl(149, 15%, 61%)  Opal
#9c8eab  rgb(156, 142, 171)  hsl(269, 15%, 61%)  Rose Quartz