ColorTool
Giriş yap
#485DB8

#485db8 ≈ Sapphire

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

#485db8, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %28,24 kırmızı, %36,47 yeşil ve %72,16 maviden oluşur; CMYK baskıda %60,87 camgöbeği, %49,46 macenta, %0 sarı ve %27,84 siyah kullanır. Ton açısı 228,75°, HSL’de doygunluğu %44,09 ve açıklığı %50,2’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,94:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Sapphire (#0f52ba), ΔE 5,78.

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

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

Tamamlayıcı

  1. #485db8
  2. #b8a348

Bölünmüş tamamlayıcı

  1. #485db8
  2. #b86b48
  3. #95b848

Komşu

  1. #4895b8
  2. #485db8
  3. #6b48b8

Üçlü

  1. #485db8
  2. #b8485d
  3. #5db848

Dörtlü

  1. #485db8
  2. #a348b8
  3. #b8a348
  4. #5db848

Kare

  1. #485db8
  2. #b84895
  3. #b8a348
  4. #48b86b

Tek renkli

  1. #1d254a
  2. #324181
  3. #485db8
  4. #7f8ecd
  5. #b6bfe3

Koyu tonlar

#485db8 kademeli olarak siyahla karıştırıldı.

  1. #485db8
  2. #4154a6
  3. #3a4a93
  4. #324181
  5. #2b386e
  6. #242f5c
  7. #1d254a
  8. #161c37
  9. #0e1325
  10. #070912
  11. #000000

Açık tonlar

#485db8 kademeli olarak beyazla karıştırıldı.

  1. #485db8
  2. #5a6dbf
  3. #6d7dc6
  4. #7f8ecd
  5. #919ed4
  6. #a4aedc
  7. #b6bee3
  8. #c8ceea
  9. #dadff1
  10. #edeff8
  11. #ffffff

Tonlar

#485db8 kademeli olarak griyle karıştırıldı.

  1. #485db8
  2. #4e61b2
  3. #5364ad
  4. #5968a7
  5. #5e6ba2
  6. #646f9c
  7. #6a7296
  8. #6f7691
  9. #75798b
  10. #7a7d86
  11. #808080

Okunaklı metin 5.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.53:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #646464 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5a618d Erkeklerin ≈ 0.001% kadarı
Protanopi #2e69bb Erkeklerin ≈ 1.01% kadarı
Döteranopi #175fb6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #007282 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3a64ba Erkeklerin ≈ 1.08% kadarı
Döteranomali #315eb7 Erkeklerin ≈ 4.63% kadarı
Tritanomali #256a9a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-485db8 {
  color: #485db8;
}
Arka plan
.bg-485db8 {
  background-color: #485db8;
  color: #ffffff;
}
Kenarlık
.border-485db8 {
  border: 2px solid #485db8;
}
CSS değişkenleri
:root {
  --color-primary: #485db8;
  --color-primary-rgb: 72 93 184;
  --color-primary-hsl: 229 44% 50%;
}
Geçiş
.gradient-485db8 {
  background: linear-gradient(135deg, #485db8, #6b48b8);
}
Renkli gölge
.shadow-485db8 {
  box-shadow: 0 8px 24px rgb(72 93 184 / 0.35);
}

#0f52ba Sapphire ΔE 5.78 #1560bd Denim ΔE 6.17 #4169e1 Royal Blue ΔE 6.73 #5a4fcf Iris ΔE 7.15 #6a5acd Slate Blue ΔE 7.39 #436b95 Queen Blue ΔE 7.42 #26619c Lapis Lazuli ΔE 8.03 #b7a247 Ters renk #646464 Gri tonlama 

Sapphire
#485db8  rgb(72, 93, 184)  hsl(229, 44%, 50%)  Sapphire
#b8a348  rgb(184, 163, 72)  hsl(49, 44%, 50%)  Brass
#b8485d  rgb(184, 72, 93)  hsl(349, 44%, 50%)  Brick Red
#5db848  rgb(93, 184, 72)  hsl(109, 44%, 50%)  Mantis