ColorTool
Giriş yap
#33535D

#33535d ≈ Dark Slate Gray

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

#33535d, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %20 kırmızı, %32,55 yeşil ve %36,47 maviden oluşur; CMYK baskıda %45,16 camgöbeği, %10,75 macenta, %0 sarı ve %63,53 siyah kullanır. Ton açısı 194,29°, HSL’de doygunluğu %29,17 ve açıklığı %28,24’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 8,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Gray (#2f4f4f), ΔE 5,83.

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

Tamamlayıcı

  1. #33535d
  2. #5d3d33

Bölünmüş tamamlayıcı

  1. #33535d
  2. #5d333e
  3. #5d5233

Komşu

  1. #335d52
  2. #33535d
  3. #333e5d

Üçlü

  1. #33535d
  2. #5d3353
  3. #535d33

Dörtlü

  1. #33535d
  2. #3d335d
  3. #5d3d33
  4. #535d33

Kare

  1. #33535d
  2. #52335d
  3. #5d3d33
  4. #3e5d33

Tek renkli

  1. #070c0d
  2. #18272c
  3. #33535d
  4. #4e7f8e
  5. #75a5b4

Koyu tonlar

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

  1. #33535d
  2. #2e4b54
  3. #29424a
  4. #243a41
  5. #1f3238
  6. #1a2a2f
  7. #142125
  8. #0f191c
  9. #0a1113
  10. #050809
  11. #000000

Açık tonlar

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

  1. #33535d
  2. #47646d
  3. #5c757d
  4. #70878e
  5. #85989e
  6. #99a9ae
  7. #adbabe
  8. #c2cbce
  9. #d6dddf
  10. #ebeeef
  11. #ffffff

Tonlar

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

  1. #33535d
  2. #3b5861
  3. #425c64
  4. #4a6168
  5. #52656b
  6. #5a6a6f
  7. #616e72
  8. #697376
  9. #717779
  10. #787c7d
  11. #808080

Okunaklı metin 8.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4e4e4e Erkeklerin ≈ 0.003% kadarı
Akromatomali #455055 Erkeklerin ≈ 0.001% kadarı
Protanopi #4d515e Erkeklerin ≈ 1.01% kadarı
Döteranopi #464c5d Erkeklerin ≈ 1.27% kadarı
Tritanopi #215656 Erkeklerin ≈ 0.0001% kadarı
Protanomali #44525d Erkeklerin ≈ 1.08% kadarı
Döteranomali #3f4f5d Erkeklerin ≈ 4.63% kadarı
Tritanomali #295559 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-33535d {
  color: #33535d;
}
Arka plan
.bg-33535d {
  background-color: #33535d;
  color: #ffffff;
}
Kenarlık
.border-33535d {
  border: 2px solid #33535d;
}
CSS değişkenleri
:root {
  --color-primary: #33535d;
  --color-primary-rgb: 51 83 93;
  --color-primary-hsl: 194 29% 28%;
}
Geçiş
.gradient-33535d {
  background: linear-gradient(135deg, #33535d, #333e5d);
}
Renkli gölge
.shadow-33535d {
  box-shadow: 0 8px 24px rgb(51 83 93 / 0.35);
}

#2f4f4f Dark Slate Gray ΔE 5.83 #2f4f4f Dark Slate Grey ΔE 5.83 #36454f Charcoal ΔE 6.86 #004953 Midnight Green ΔE 6.97 #414a4c Outer Space ΔE 7.71 #2a3439 Gunmetal ΔE 11.44 #4d5d53 Feldgrau ΔE 11.49 #ccaca2 Ters renk #4e4e4e Gri tonlama 

Dark Slate Gray
#33535d  rgb(51, 83, 93)  hsl(194, 29%, 28%)  Dark Slate Gray
#5d3d33  rgb(93, 61, 51)  hsl(14, 29%, 28%)  Liver
#5d3353  rgb(93, 51, 83)  hsl(314, 29%, 28%)  Eggplant
#535d33  rgb(83, 93, 51)  hsl(74, 29%, 28%)  Army Green