ColorTool
Giriş yap
#333F66

#333f66 ≈ Dark Slate Blue

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

#333f66, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %20 kırmızı, %24,71 yeşil ve %40 maviden oluşur; CMYK baskıda %50 camgöbeği, %38,24 macenta, %0 sarı ve %60 siyah kullanır. Ton açısı 225,88°, HSL’de doygunluğu %33,33 ve açıklığı %30’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak 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 10,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Blue (#483d8b), ΔE 8,71.

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

Tamamlayıcı

  1. #333f66
  2. #665a33

Bölünmüş tamamlayıcı

  1. #333f66
  2. #664033
  3. #596633

Komşu

  1. #335966
  2. #333f66
  3. #403366

Üçlü

  1. #333f66
  2. #66333f
  3. #3f6633

Dörtlü

  1. #333f66
  2. #5a3366
  3. #665a33
  4. #3f6633

Kare

  1. #333f66
  2. #663359
  3. #665a33
  4. #336640

Tek renkli

  1. #07080e
  2. #1a2033
  3. #333f66
  4. #4d5f99
  5. #7787bb

Koyu tonlar

#333f66 kademeli olarak siyahla karıştırıldı.

  1. #333f66
  2. #2e395c
  3. #293252
  4. #242c47
  5. #1f263d
  6. #1a2033
  7. #141929
  8. #0f131f
  9. #0a0d14
  10. #05060a
  11. #000000

Açık tonlar

#333f66 kademeli olarak beyazla karıştırıldı.

  1. #333f66
  2. #475275
  3. #5c6585
  4. #707994
  5. #858ca3
  6. #999fb3
  7. #adb2c2
  8. #c2c5d1
  9. #d6d9e0
  10. #ebecf0
  11. #ffffff

Tonlar

#333f66 kademeli olarak griyle karıştırıldı.

  1. #333f66
  2. #3b4669
  3. #424c6b
  4. #4a536e
  5. #525970
  6. #5a6073
  7. #616676
  8. #696d78
  9. #71737b
  10. #787a7d
  11. #808080

Okunaklı metin 10.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #414141 Erkeklerin ≈ 0.003% kadarı
Akromatomali #3c4052 Erkeklerin ≈ 0.001% kadarı
Protanopi #314368 Erkeklerin ≈ 1.01% kadarı
Döteranopi #2b3f65 Erkeklerin ≈ 1.27% kadarı
Tritanopi #1f474d Erkeklerin ≈ 0.0001% kadarı
Protanomali #324167 Erkeklerin ≈ 1.08% kadarı
Döteranomali #2f3f65 Erkeklerin ≈ 4.63% kadarı
Tritanomali #284458 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#483d8b Dark Slate Blue ΔE 8.71 #003153 Prussian Blue ΔE 8.99 #0f4d92 Yale Blue ΔE 10.06 #002147 Oxford Blue ΔE 10.32 #003399 Smalt ΔE 10.63 #0047ab Cobalt Blue ΔE 11.50 #1034a6 Egyptian Blue ΔE 11.79 #ccc099 Ters renk #414141 Gri tonlama 

Dark Slate Blue
#333f66  rgb(51, 63, 102)  hsl(226, 33%, 30%)  Dark Slate Blue
#665a33  rgb(102, 90, 51)  hsl(46, 33%, 30%)  Field Drab
#66333f  rgb(102, 51, 63)  hsl(346, 33%, 30%)  Wine
#3f6633  rgb(63, 102, 51)  hsl(106, 33%, 30%)  Hunter Green