ColorTool
Giriş yap
#31494D

#31494d ≈ Dark Slate Gray

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

#31494d, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %19,22 kırmızı, %28,63 yeşil ve %30,2 maviden oluşur; CMYK baskıda %36,36 camgöbeği, %5,19 macenta, %0 sarı ve %69,8 siyah kullanır. Ton açısı 188,57°, HSL’de doygunluğu %22,22 ve açıklığı %24,71’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik 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 9,59:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Gray (#2f4f4f), ΔE 4,09.

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

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

Tamamlayıcı

  1. #31494d
  2. #4d3531

Bölünmüş tamamlayıcı

  1. #31494d
  2. #4d313b
  3. #4d4331

Komşu

  1. #314d43
  2. #31494d
  3. #313b4d

Üçlü

  1. #31494d
  2. #4d3149
  3. #494d31

Dörtlü

  1. #31494d
  2. #35314d
  3. #4d3531
  4. #494d31

Kare

  1. #31494d
  2. #43314d
  3. #4d3531
  4. #3b4d31

Tek renkli

  1. #080c0c
  2. #131d1e
  3. #31494d
  4. #4f757c
  5. #729ea5

Koyu tonlar

#31494d kademeli olarak siyahla karıştırıldı.

  1. #31494d
  2. #2c4245
  3. #273a3e
  4. #223336
  5. #1d2c2e
  6. #192527
  7. #141d1f
  8. #0f1617
  9. #0a0f0f
  10. #050708
  11. #000000

Açık tonlar

#31494d kademeli olarak beyazla karıştırıldı.

  1. #31494d
  2. #465b5f
  3. #5a6d71
  4. #6f8082
  5. #839294
  6. #98a4a6
  7. #adb6b8
  8. #c1c8ca
  9. #d6dbdb
  10. #eaeded
  11. #ffffff

Tonlar

#31494d kademeli olarak griyle karıştırıldı.

  1. #31494d
  2. #394f52
  3. #415457
  4. #495a5c
  5. #515f61
  6. #596567
  7. #606a6c
  8. #687071
  9. #707576
  10. #787b7b
  11. #808080

Okunaklı metin 9.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #454545 Erkeklerin ≈ 0.003% kadarı
Akromatomali #3e4748 Erkeklerin ≈ 0.001% kadarı
Protanopi #45474d Erkeklerin ≈ 1.01% kadarı
Döteranopi #40434d Erkeklerin ≈ 1.27% kadarı
Tritanopi #274b4a Erkeklerin ≈ 0.0001% kadarı
Protanomali #3e484d Erkeklerin ≈ 1.08% kadarı
Döteranomali #3b464d Erkeklerin ≈ 4.63% kadarı
Tritanomali #2b4a4b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-31494d {
  color: #31494d;
}
Arka plan
.bg-31494d {
  background-color: #31494d;
  color: #ffffff;
}
Kenarlık
.border-31494d {
  border: 2px solid #31494d;
}
CSS değişkenleri
:root {
  --color-primary: #31494d;
  --color-primary-rgb: 49 73 77;
  --color-primary-hsl: 189 22% 25%;
}
Geçiş
.gradient-31494d {
  background: linear-gradient(135deg, #31494d, #313b4d);
}
Renkli gölge
.shadow-31494d {
  box-shadow: 0 8px 24px rgb(49 73 77 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 4.09 #2f4f4f Dark Slate Grey ΔE 4.09 #414a4c Outer Space ΔE 5.69 #36454f Charcoal ΔE 5.89 #004953 Midnight Green ΔE 6.94 #2a3439 Gunmetal ΔE 8.32 #353839 Onyx ΔE 9.57 #ceb6b2 Ters renk #454545 Gri tonlama 

Dark Slate Gray
#31494d  rgb(49, 73, 77)  hsl(189, 22%, 25%)  Dark Slate Gray
#4d3531  rgb(77, 53, 49)  hsl(9, 22%, 25%)  Bistre
#4d3149  rgb(77, 49, 73)  hsl(309, 22%, 25%)  Eggplant
#494d31  rgb(73, 77, 49)  hsl(69, 22%, 25%)  Rifle Green