ColorTool
Giriş yap
#4F5FBD

#4f5fbd ≈ Royal Blue

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

#4f5fbd, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %30,98 kırmızı, %37,25 yeşil ve %74,12 maviden oluşur; CMYK baskıda %58,2 camgöbeği, %49,74 macenta, %0 sarı ve %25,88 siyah kullanır. Ton açısı 231,27°, HSL’de doygunluğu %45,45 ve açıklığı %52,55’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 5,67:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Royal Blue (#4169e1), ΔE 6,1.

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

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

Tamamlayıcı

  1. #4f5fbd
  2. #bdad4f

Bölünmüş tamamlayıcı

  1. #4f5fbd
  2. #bd764f
  3. #96bd4f

Komşu

  1. #4f96bd
  2. #4f5fbd
  3. #764fbd

Üçlü

  1. #4f5fbd
  2. #bd4f5f
  3. #5fbd4f

Dörtlü

  1. #4f5fbd
  2. #ad4fbd
  3. #bdad4f
  4. #5fbd4f

Kare

  1. #4f5fbd
  2. #bd4f96
  3. #bdad4f
  4. #4fbd76

Tek renkli

  1. #1f2754
  2. #34418b
  3. #4f5fbd
  4. #8792d2
  5. #bec4e7

Koyu tonlar

#4f5fbd kademeli olarak siyahla karıştırıldı.

  1. #4f5fbd
  2. #4756aa
  3. #3f4c97
  4. #374384
  5. #2f3971
  6. #28305f
  7. #20264c
  8. #181d39
  9. #101326
  10. #080a13
  11. #000000

Açık tonlar

#4f5fbd kademeli olarak beyazla karıştırıldı.

  1. #4f5fbd
  2. #616fc4
  3. #727fca
  4. #848fd1
  5. #959fd7
  6. #a7afde
  7. #b9bfe5
  8. #cacfeb
  9. #dcdff2
  10. #edeff8
  11. #ffffff

Tonlar

#4f5fbd kademeli olarak griyle karıştırıldı.

  1. #4f5fbd
  2. #5462b7
  3. #5966b1
  4. #5e69ab
  5. #636ca5
  6. #68709f
  7. #6c7398
  8. #717692
  9. #76798c
  10. #7b7d86
  11. #808080

Okunaklı metin 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5e6491 Erkeklerin ≈ 0.001% kadarı
Protanopi #2f6cc0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #1b62bb Erkeklerin ≈ 1.27% kadarı
Tritanopi #007485 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3e67bf Erkeklerin ≈ 1.08% kadarı
Döteranomali #3761bc Erkeklerin ≈ 4.63% kadarı
Tritanomali #316c9e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4f5fbd {
  color: #4f5fbd;
}
Arka plan
.bg-4f5fbd {
  background-color: #4f5fbd;
  color: #ffffff;
}
Kenarlık
.border-4f5fbd {
  border: 2px solid #4f5fbd;
}
CSS değişkenleri
:root {
  --color-primary: #4f5fbd;
  --color-primary-rgb: 79 95 189;
  --color-primary-hsl: 231 45% 53%;
}
Geçiş
.gradient-4f5fbd {
  background: linear-gradient(135deg, #4f5fbd, #764fbd);
}
Renkli gölge
.shadow-4f5fbd {
  box-shadow: 0 8px 24px rgb(79 95 189 / 0.35);
}

#4169e1 Royal Blue ΔE 6.10 #6a5acd Slate Blue ΔE 6.20 #5a4fcf Iris ΔE 6.58 #0f52ba Sapphire ΔE 7.05 #1560bd Denim ΔE 7.16 #6050dc Majorelle Blue ΔE 7.55 #4166f5 Ultramarine Blue ΔE 7.60 #b0a042 Ters renk #676767 Gri tonlama 

Royal Blue
#4f5fbd  rgb(79, 95, 189)  hsl(231, 45%, 53%)  Royal Blue
#bdad4f  rgb(189, 173, 79)  hsl(51, 45%, 53%)  Vegas Gold
#bd4f5f  rgb(189, 79, 95)  hsl(351, 45%, 53%)  Brick Red
#5fbd4f  rgb(95, 189, 79)  hsl(111, 45%, 53%)  Mantis