ColorTool
Giriş yap
#342F63

#342f63 ≈ Dark Slate Blue

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

#342f63, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %20,39 kırmızı, %18,43 yeşil ve %38,82 maviden oluşur; CMYK baskıda %47,47 camgöbeği, %52,53 macenta, %0 sarı ve %61,18 siyah kullanır. Ton açısı 245,77°, HSL’de doygunluğu %35,62 ve açıklığı %28,63’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 lüks markalar için kullanır. Bu renk üzerinde beyaz metin 12,12:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Slate Blue (#483d8b), ΔE 7,84.

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

Tamamlayıcı

  1. #342f63
  2. #5e632f

Bölünmüş tamamlayıcı

  1. #342f63
  2. #634e2f
  3. #44632f

Komşu

  1. #2f4463
  2. #342f63
  3. #4e2f63

Üçlü

  1. #342f63
  2. #63342f
  3. #2f6334

Dörtlü

  1. #342f63
  2. #632f5e
  3. #5e632f
  4. #2f6334

Kare

  1. #342f63
  2. #632f44
  3. #5e632f
  4. #2f634e

Tek renkli

  1. #07070e
  2. #19162f
  3. #342f63
  4. #4f4897
  5. #7770bb

Koyu tonlar

#342f63 kademeli olarak siyahla karıştırıldı.

  1. #342f63
  2. #2f2a59
  3. #2a264f
  4. #242145
  5. #1f1c3b
  6. #1a1832
  7. #151328
  8. #100e1e
  9. #0a0914
  10. #05050a
  11. #000000

Açık tonlar

#342f63 kademeli olarak beyazla karıştırıldı.

  1. #342f63
  2. #484473
  3. #5d5982
  4. #716d92
  5. #8582a1
  6. #9a97b1
  7. #aeacc1
  8. #c2c1d0
  9. #d6d5e0
  10. #ebeaef
  11. #ffffff

Tonlar

#342f63 kademeli olarak griyle karıştırıldı.

  1. #342f63
  2. #3c3766
  3. #433f69
  4. #4b476c
  5. #524f6f
  6. #5a5872
  7. #626074
  8. #696877
  9. #71707a
  10. #78787d
  11. #808080

Okunaklı metin 12.12:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #363636 Erkeklerin ≈ 0.003% kadarı
Akromatomali #35334c Erkeklerin ≈ 0.001% kadarı
Protanopi #193765 Erkeklerin ≈ 1.01% kadarı
Döteranopi #173462 Erkeklerin ≈ 1.27% kadarı
Tritanopi #253a44 Erkeklerin ≈ 0.0001% kadarı
Protanomali #263464 Erkeklerin ≈ 1.08% kadarı
Döteranomali #253262 Erkeklerin ≈ 4.63% kadarı
Tritanomali #2c3652 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-342f63 {
  color: #342f63;
}
Arka plan
.bg-342f63 {
  background-color: #342f63;
  color: #ffffff;
}
Kenarlık
.border-342f63 {
  border: 2px solid #342f63;
}
CSS değişkenleri
:root {
  --color-primary: #342f63;
  --color-primary-rgb: 52 47 99;
  --color-primary-hsl: 246 36% 29%;
}
Geçiş
.gradient-342f63 {
  background: linear-gradient(135deg, #342f63, #4e2f63);
}
Renkli gölge
.shadow-342f63 {
  box-shadow: 0 8px 24px rgb(52 47 99 / 0.35);
}

#483d8b Dark Slate Blue ΔE 7.84 #191970 Midnight Blue ΔE 8.67 #002147 Oxford Blue ΔE 9.69 #32127a Persian Indigo ΔE 10.23 #003399 Smalt ΔE 11.00 #002395 Imperial Blue ΔE 11.23 #003153 Prussian Blue ΔE 11.65 #cbd09c Ters renk #363636 Gri tonlama 

Dark Slate Blue
#342f63  rgb(52, 47, 99)  hsl(246, 36%, 29%)  Dark Slate Blue
#5e632f  rgb(94, 99, 47)  hsl(66, 36%, 29%)  Dark Olive Green
#63342f  rgb(99, 52, 47)  hsl(6, 36%, 29%)  Caput Mortuum
#2f6334  rgb(47, 99, 52)  hsl(126, 36%, 29%)  Hunter Green