ColorTool
Giriş yap
#549DBD

#549dbd ≈ Moonstone Blue

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

#549dbd, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %32,94 kırmızı, %61,57 yeşil ve %74,12 maviden oluşur; CMYK baskıda %55,56 camgöbeği, %16,93 macenta, %0 sarı ve %25,88 siyah kullanır. Ton açısı 198,29°, HSL’de doygunluğu %44,3 ve açıklığı %53,53’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,93:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 5,02.

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

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

Tamamlayıcı

  1. #549dbd
  2. #bd7454

Bölünmüş tamamlayıcı

  1. #549dbd
  2. #bd5468
  3. #bda954

Komşu

  1. #54bda9
  2. #549dbd
  3. #5468bd

Üçlü

  1. #549dbd
  2. #bd549d
  3. #9dbd54

Dörtlü

  1. #549dbd
  2. #7454bd
  3. #bd7454
  4. #9dbd54

Kare

  1. #549dbd
  2. #a954bd
  3. #bd7454
  4. #68bd54

Tek renkli

  1. #214657
  2. #37738e
  3. #549dbd
  4. #8bbdd2
  5. #c2dce8

Koyu tonlar

#549dbd kademeli olarak siyahla karıştırıldı.

  1. #549dbd
  2. #4c8daa
  3. #437e97
  4. #3b6e84
  5. #325e71
  6. #2a4f5f
  7. #223f4c
  8. #192f39
  9. #111f26
  10. #081013
  11. #000000

Açık tonlar

#549dbd kademeli olarak beyazla karıştırıldı.

  1. #549dbd
  2. #65a7c4
  3. #76b1ca
  4. #87bad1
  5. #98c4d7
  6. #aacede
  7. #bbd8e5
  8. #cce2eb
  9. #ddebf2
  10. #eef5f8
  11. #ffffff

Tonlar

#549dbd kademeli olarak griyle karıştırıldı.

  1. #549dbd
  2. #589ab7
  3. #5d97b1
  4. #6194ab
  5. #6691a5
  6. #6a8f9f
  7. #6e8c98
  8. #738992
  9. #77868c
  10. #7c8386
  11. #808080

Okunaklı metin 3.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #949494 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7f98a6 Erkeklerin ≈ 0.001% kadarı
Protanopi #8c9bbf Erkeklerin ≈ 1.01% kadarı
Döteranopi #7d8fbd Erkeklerin ≈ 1.27% kadarı
Tritanopi #00a6a7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7a9cbe Erkeklerin ≈ 1.08% kadarı
Döteranomali #6f95bd Erkeklerin ≈ 4.63% kadarı
Tritanomali #32a3b0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-549dbd {
  color: #549dbd;
}
Arka plan
.bg-549dbd {
  background-color: #549dbd;
  color: #000000;
}
Kenarlık
.border-549dbd {
  border: 2px solid #549dbd;
}
CSS değişkenleri
:root {
  --color-primary: #549dbd;
  --color-primary-rgb: 84 157 189;
  --color-primary-hsl: 198 44% 54%;
}
Geçiş
.gradient-549dbd {
  background: linear-gradient(135deg, #549dbd, #5468bd);
}
Renkli gölge
.shadow-549dbd {
  box-shadow: 0 8px 24px rgb(84 157 189 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.02 #56a0d3 Carolina Blue ΔE 5.60 #0095b6 Bondi Blue ΔE 5.71 #5d8aa8 Air Force Blue ΔE 7.09 #71a6d2 Iceberg ΔE 7.10 #4682b4 Steel Blue ΔE 10.93 #5f9ea0 Cadet Blue ΔE 11.28 #ab6242 Ters renk #949494 Gri tonlama 

Moonstone Blue
#549dbd  rgb(84, 157, 189)  hsl(198, 44%, 54%)  Moonstone Blue
#bd7454  rgb(189, 116, 84)  hsl(18, 44%, 54%)  Cafe au Lait
#bd549d  rgb(189, 84, 157)  hsl(318, 44%, 54%)  Mulberry
#9dbd54  rgb(157, 189, 84)  hsl(78, 44%, 54%)  Olivine