ColorTool
Giriş yap
#33515B

#33515b ≈ Dark Slate Gray

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

#33515b, “gök mavisi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %20 kırmızı, %31,76 yeşil ve %35,69 maviden oluşur; CMYK baskıda %43,96 camgöbeği, %10,99 macenta, %0 sarı ve %64,31 siyah kullanır. Ton açısı 195°, HSL’de doygunluğu %28,17 ve açıklığı %27,84’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 8,51:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Gray (#2f4f4f), ΔE 5,98.

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

Tamamlayıcı

  1. #33515b
  2. #5b3d33

Bölünmüş tamamlayıcı

  1. #33515b
  2. #5b333d
  3. #5b5133

Komşu

  1. #335b51
  2. #33515b
  3. #333d5b

Üçlü

  1. #33515b
  2. #5b3351
  3. #515b33

Dörtlü

  1. #33515b
  2. #3d335b
  3. #5b3d33
  4. #515b33

Kare

  1. #33515b
  2. #51335b
  3. #5b3d33
  4. #3d5b33

Tek renkli

  1. #070c0d
  2. #18252a
  3. #33515b
  4. #4e7d8c
  5. #75a3b2

Koyu tonlar

#33515b kademeli olarak siyahla karıştırıldı.

  1. #33515b
  2. #2e4952
  3. #294149
  4. #243940
  5. #1f3137
  6. #1a292e
  7. #142024
  8. #0f181b
  9. #0a1012
  10. #050809
  11. #000000

Açık tonlar

#33515b kademeli olarak beyazla karıştırıldı.

  1. #33515b
  2. #47626b
  3. #5c747c
  4. #70858c
  5. #85979d
  6. #99a8ad
  7. #adb9bd
  8. #c2cbce
  9. #d6dcde
  10. #ebeeef
  11. #ffffff

Tonlar

#33515b kademeli olarak griyle karıştırıldı.

  1. #33515b
  2. #3b565f
  3. #425a62
  4. #4a5f66
  5. #52646a
  6. #5a696e
  7. #616d71
  8. #697275
  9. #717779
  10. #787b7c
  11. #808080

Okunaklı metin 8.51:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #4d4d4d Erkeklerin ≈ 0.003% kadarı
Akromatomali #444e53 Erkeklerin ≈ 0.001% kadarı
Protanopi #4b4f5c Erkeklerin ≈ 1.01% kadarı
Döteranopi #454b5b Erkeklerin ≈ 1.27% kadarı
Tritanopi #235454 Erkeklerin ≈ 0.0001% kadarı
Protanomali #43505b Erkeklerin ≈ 1.08% kadarı
Döteranomali #3e4d5b Erkeklerin ≈ 4.63% kadarı
Tritanomali #2a5357 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#2f4f4f Dark Slate Gray ΔE 5.98 #2f4f4f Dark Slate Grey ΔE 5.98 #36454f Charcoal ΔE 6.07 #004953 Midnight Green ΔE 7.09 #414a4c Outer Space ΔE 7.16 #2a3439 Gunmetal ΔE 10.67 #4d5d53 Feldgrau ΔE 11.67 #ccaea4 Ters renk #4d4d4d Gri tonlama 

Dark Slate Gray
#33515b  rgb(51, 81, 91)  hsl(195, 28%, 28%)  Dark Slate Gray
#5b3d33  rgb(91, 61, 51)  hsl(15, 28%, 28%)  Liver
#5b3351  rgb(91, 51, 81)  hsl(315, 28%, 28%)  Eggplant
#515b33  rgb(81, 91, 51)  hsl(75, 28%, 28%)  Army Green