ColorTool
Giriş yap
#3B554D

#3b554d ≈ Dark Slate Gray

  • camgöbeği yeşili
  • Açıklık: düşük
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#3b554d, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %23,14 kırmızı, %33,33 yeşil ve %30,2 maviden oluşur; CMYK baskıda %30,59 camgöbeği, %0 macenta, %9,41 sarı ve %66,67 siyah kullanır. Ton açısı 161,54°, HSL’de doygunluğu %18,06 ve açıklığı %28,24’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 8,1:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Gray (#2f4f4f), ΔE 4,7.

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

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

Tamamlayıcı

  1. #3b554d
  2. #553b43

Bölünmüş tamamlayıcı

  1. #3b554d
  2. #553b50
  3. #55403b

Komşu

  1. #3b5540
  2. #3b554d
  3. #3b5055

Üçlü

  1. #3b554d
  2. #4d3b55
  3. #554d3b

Dörtlü

  1. #3b554d
  2. #3b4355
  3. #553b43
  4. #554d3b

Kare

  1. #3b554d
  2. #403b55
  3. #553b43
  4. #50553b

Tek renkli

  1. #080c0b
  2. #1c2824
  3. #3b554d
  4. #5a8276
  5. #81a89c

Koyu tonlar

#3b554d kademeli olarak siyahla karıştırıldı.

  1. #3b554d
  2. #354d45
  3. #2f443e
  4. #293c36
  5. #23332e
  6. #1e2b27
  7. #18221f
  8. #121a17
  9. #0c110f
  10. #060908
  11. #000000

Açık tonlar

#3b554d kademeli olarak beyazla karıştırıldı.

  1. #3b554d
  2. #4f665f
  3. #627771
  4. #768882
  5. #899994
  6. #9daaa6
  7. #b1bbb8
  8. #c4ccca
  9. #d8dddb
  10. #ebeeed
  11. #ffffff

Tonlar

#3b554d kademeli olarak griyle karıştırıldı.

  1. #3b554d
  2. #425952
  3. #495e57
  4. #50625c
  5. #576661
  6. #5e6b67
  7. #646f6c
  8. #6b7371
  9. #727776
  10. #797c7b
  11. #808080

Okunaklı metin 8.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #505050 Erkeklerin ≈ 0.003% kadarı
Akromatomali #48524f Erkeklerin ≈ 0.001% kadarı
Protanopi #53524d Erkeklerin ≈ 1.01% kadarı
Döteranopi #4f4e4e Erkeklerin ≈ 1.27% kadarı
Tritanopi #345653 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4b534d Erkeklerin ≈ 1.08% kadarı
Döteranomali #47514d Erkeklerin ≈ 4.63% kadarı
Tritanomali #375550 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-3b554d {
  color: #3b554d;
}
Arka plan
.bg-3b554d {
  background-color: #3b554d;
  color: #ffffff;
}
Kenarlık
.border-3b554d {
  border: 2px solid #3b554d;
}
CSS değişkenleri
:root {
  --color-primary: #3b554d;
  --color-primary-rgb: 59 85 77;
  --color-primary-hsl: 162 18% 28%;
}
Geçiş
.gradient-3b554d {
  background: linear-gradient(135deg, #3b554d, #3b5055);
}
Renkli gölge
.shadow-3b554d {
  box-shadow: 0 8px 24px rgb(59 85 77 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 4.70 #2f4f4f Dark Slate Grey ΔE 4.70 #4d5d53 Feldgrau ΔE 4.91 #444c38 Rifle Green ΔE 8.78 #414a4c Outer Space ΔE 9.71 #355e3b Hunter Green ΔE 10.71 #004953 Midnight Green ΔE 11.00 #c4aab2 Ters renk #505050 Gri tonlama 

Dark Slate Gray
#3b554d  rgb(59, 85, 77)  hsl(162, 18%, 28%)  Dark Slate Gray
#553b43  rgb(85, 59, 67)  hsl(342, 18%, 28%)  Eggplant
#4d3b55  rgb(77, 59, 85)  hsl(282, 18%, 28%)  Eggplant
#554d3b  rgb(85, 77, 59)  hsl(42, 18%, 28%)  Taupe