ColorTool
Giriş yap
#9E9686

#9e9686 ≈ Battleship Gray

  • sarı
  • Açıklık: orta
  • Doygunluk: neredeyse hiç yok
  • Nötr
Kontrastı denetle Grafikte keşfet Rastgele renk

#9e9686, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu neredeyse hiç yok. RGB modelinde %61,96 kırmızı, %58,82 yeşil ve %52,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %5,06 macenta, %15,19 sarı ve %38,04 siyah kullanır. Ton açısı 40°, HSL’de doygunluğu %11,01 ve açıklığı %57,25’dir. Nötr bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 7,16:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Battleship Gray (#848482), ΔE 9,45.

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

Tamamlayıcı

  1. #9e9686
  2. #868e9e

Bölünmüş tamamlayıcı

  1. #9e9686
  2. #869a9e
  3. #8a869e

Komşu

  1. #9e8a86
  2. #9e9686
  3. #9a9e86

Üçlü

  1. #9e9686
  2. #869e96
  3. #96869e

Dörtlü

  1. #9e9686
  2. #8e9e86
  3. #868e9e
  4. #96869e

Kare

  1. #9e9686
  2. #869e8a
  3. #868e9e
  4. #9e869a

Tek renkli

  1. #4d483e
  2. #787060
  3. #9e9686
  4. #c0bbb0
  5. #e2e0db

Koyu tonlar

#9e9686 kademeli olarak siyahla karıştırıldı.

  1. #9e9686
  2. #8e8779
  3. #7e786b
  4. #6f695e
  5. #5f5a50
  6. #4f4b43
  7. #3f3c36
  8. #2f2d28
  9. #201e1b
  10. #100f0d
  11. #000000

Açık tonlar

#9e9686 kademeli olarak beyazla karıştırıldı.

  1. #9e9686
  2. #a8a192
  3. #b1ab9e
  4. #bbb6aa
  5. #c5c0b6
  6. #cfcbc3
  7. #d8d5cf
  8. #e2e0db
  9. #eceae7
  10. #f5f5f3
  11. #ffffff

Tonlar

#9e9686 kademeli olarak griyle karıştırıldı.

  1. #9e9686
  2. #9b9485
  3. #989285
  4. #958f84
  5. #928d84
  6. #8f8b83
  7. #8c8982
  8. #898782
  9. #868481
  10. #838281
  11. #808080

Okunaklı metin 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #979797 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9a9690 Erkeklerin ≈ 0.001% kadarı
Protanopi #9a9585 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9c9886 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a29391 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9c9685 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9d9786 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a1948d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9e9686 {
  color: #9e9686;
}
Arka plan
.bg-9e9686 {
  background-color: #9e9686;
  color: #000000;
}
Kenarlık
.border-9e9686 {
  border: 2px solid #9e9686;
}
CSS değişkenleri
:root {
  --color-primary: #9e9686;
  --color-primary-rgb: 158 150 134;
  --color-primary-hsl: 40 11% 57%;
}
Geçiş
.gradient-9e9686 {
  background: linear-gradient(135deg, #9e9686, #9a9e86);
}
Renkli gölge
.shadow-9e9686 {
  box-shadow: 0 8px 24px rgb(158 150 134 / 0.35);
}

#848482 Battleship Gray ΔE 9.45 #a9a9a9 Dark Gray ΔE 9.63 #a9a9a9 Dark Grey ΔE 9.63 #808080 Gray ΔE 11.14 #808080 Grey ΔE 11.14 #9f8170 Beaver ΔE 11.59 #8b8589 Taupe Gray ΔE 11.86 #616979 Ters renk #979797 Gri tonlama 

Battleship Gray
#9e9686  rgb(158, 150, 134)  hsl(40, 11%, 57%)  Battleship Gray
#868e9e  rgb(134, 142, 158)  hsl(220, 11%, 57%)  Light Slate Gray
#869e96  rgb(134, 158, 150)  hsl(160, 11%, 57%)  Xanadu
#96869e  rgb(150, 134, 158)  hsl(280, 11%, 57%)  Mountbatten Pink