ColorTool
Giriş yap
#A4B399

#a4b399 ≈ Ash Gray

  • sarı-yeşil
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#a4b399, “sarı-yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %64,31 kırmızı, %70,2 yeşil ve %60 maviden oluşur; CMYK baskıda %8,38 camgöbeği, %0 macenta, %14,53 sarı ve %29,8 siyah kullanır. Ton açısı 94,62°, HSL’de doygunluğu %14,61 ve açıklığı %65,1’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,49:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ash Gray (#b2beb5), ΔE 7,56.

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

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

Tamamlayıcı

  1. #a4b399
  2. #a899b3

Bölünmüş tamamlayıcı

  1. #a4b399
  2. #9b99b3
  3. #b399b1

Komşu

  1. #b1b399
  2. #a4b399
  3. #99b39b

Üçlü

  1. #a4b399
  2. #99a4b3
  3. #b399a4

Dörtlü

  1. #a4b399
  2. #99b3a8
  3. #a899b3
  4. #b399a4

Kare

  1. #a4b399
  2. #99b1b3
  3. #a899b3
  4. #b39b99

Tek renkli

  1. #57674c
  2. #7d926d
  3. #a4b399
  4. #cbd4c5
  5. #f2f4f1

Koyu tonlar

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

  1. #a4b399
  2. #94a18a
  3. #838f7a
  4. #737d6b
  5. #626b5c
  6. #525a4d
  7. #42483d
  8. #31362e
  9. #21241f
  10. #10120f
  11. #000000

Açık tonlar

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

  1. #a4b399
  2. #adbba3
  3. #b6c2ad
  4. #bfcab8
  5. #c8d1c2
  6. #d2d9cc
  7. #dbe1d6
  8. #e4e8e0
  9. #edf0eb
  10. #f6f7f5
  11. #ffffff

Tonlar

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

  1. #a4b399
  2. #a0ae97
  3. #9da994
  4. #99a492
  5. #969f8f
  6. #929a8d
  7. #8e948a
  8. #8b8f88
  9. #878a85
  10. #848583
  11. #808080

Okunaklı metin 2.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.49:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #aab0a6 Erkeklerin ≈ 0.001% kadarı
Protanopi #b6af98 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b3ae9a Erkeklerin ≈ 1.27% kadarı
Tritanopi #a5b1ac Erkeklerin ≈ 0.0001% kadarı
Protanomali #afb198 Erkeklerin ≈ 1.08% kadarı
Döteranomali #adb09a Erkeklerin ≈ 4.63% kadarı
Tritanomali #a4b2a4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a4b399 {
  color: #a4b399;
}
Arka plan
.bg-a4b399 {
  background-color: #a4b399;
  color: #000000;
}
Kenarlık
.border-a4b399 {
  border: 2px solid #a4b399;
}
CSS değişkenleri
:root {
  --color-primary: #a4b399;
  --color-primary-rgb: 164 179 153;
  --color-primary-hsl: 95 15% 65%;
}
Geçiş
.gradient-a4b399 {
  background: linear-gradient(135deg, #a4b399, #99b39b);
}
Renkli gölge
.shadow-a4b399 {
  box-shadow: 0 8px 24px rgb(164 179 153 / 0.35);
}

#b2beb5 Ash Gray ΔE 7.56 #8fbc8f Dark Sea Green ΔE 8.67 #a8c3bc Opal ΔE 9.19 #bcb88a Sage ΔE 9.24 #87a96b Asparagus ΔE 10.96 #9ab973 Olivine ΔE 11.00 #8a9a5b Moss Green ΔE 12.96 #5b4c66 Ters renk #aeaeae Gri tonlama 

Ash Gray
#a4b399  rgb(164, 179, 153)  hsl(95, 15%, 65%)  Ash Gray
#a899b3  rgb(168, 153, 179)  hsl(275, 15%, 65%)  Pastel Purple
#99a4b3  rgb(153, 164, 179)  hsl(215, 15%, 65%)  Dark Gray
#b399a4  rgb(179, 153, 164)  hsl(335, 15%, 65%)  Rose Quartz