ColorTool
Giriş yap
#71B5D2

#71b5d2 ≈ Moonstone Blue

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

#71b5d2, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %44,31 kırmızı, %70,98 yeşil ve %82,35 maviden oluşur; CMYK baskıda %46,19 camgöbeği, %13,81 macenta, %0 sarı ve %17,65 siyah kullanır. Ton açısı 197,94°, HSL’de doygunluğu %51,87 ve açıklığı %63,33’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 9,24:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 3,67.

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

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

Tamamlayıcı

  1. #71b5d2
  2. #d28e71

Bölünmüş tamamlayıcı

  1. #71b5d2
  2. #d27184
  3. #d2be71

Komşu

  1. #71d2be
  2. #71b5d2
  3. #7184d2

Üçlü

  1. #71b5d2
  2. #d271b5
  3. #b5d271

Dörtlü

  1. #71b5d2
  2. #8e71d2
  3. #d28e71
  4. #b5d271

Kare

  1. #71b5d2
  2. #be71d2
  3. #d28e71
  4. #84d271

Tek renkli

  1. #296781
  2. #3b95bb
  3. #71b5d2
  4. #abd3e4
  5. #e5f2f7

Koyu tonlar

#71b5d2 kademeli olarak siyahla karıştırıldı.

  1. #71b5d2
  2. #66a3bd
  3. #5a91a8
  4. #4f7f93
  5. #446d7e
  6. #395b69
  7. #2d4854
  8. #22363f
  9. #17242a
  10. #0b1215
  11. #000000

Açık tonlar

#71b5d2 kademeli olarak beyazla karıştırıldı.

  1. #71b5d2
  2. #7fbcd7
  3. #8dc4db
  4. #9ccbe0
  5. #aad3e4
  6. #b8dae9
  7. #c6e1ed
  8. #d4e9f2
  9. #e3f0f6
  10. #f1f8fb
  11. #ffffff

Tonlar

#71b5d2 kademeli olarak griyle karıştırıldı.

  1. #71b5d2
  2. #73b0ca
  3. #74aac2
  4. #76a5b9
  5. #77a0b1
  6. #799ba9
  7. #7a95a1
  8. #7c9099
  9. #7d8b90
  10. #7f8588
  11. #808080

Okunaklı metin 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #98b0bc Erkeklerin ≈ 0.001% kadarı
Protanopi #a6b2d4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #97a7d2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #43bebe Erkeklerin ≈ 0.0001% kadarı
Protanomali #93b3d3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8aadd2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #59bac6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-71b5d2 {
  color: #71b5d2;
}
Arka plan
.bg-71b5d2 {
  background-color: #71b5d2;
  color: #000000;
}
Kenarlık
.border-71b5d2 {
  border: 2px solid #71b5d2;
}
CSS değişkenleri
:root {
  --color-primary: #71b5d2;
  --color-primary-rgb: 113 181 210;
  --color-primary-hsl: 198 52% 63%;
}
Geçiş
.gradient-71b5d2 {
  background: linear-gradient(135deg, #71b5d2, #7184d2);
}
Renkli gölge
.shadow-71b5d2 {
  box-shadow: 0 8px 24px rgb(113 181 210 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 3.67 #87ceeb Sky Blue ΔE 6.54 #89cff0 Baby Blue ΔE 6.94 #71a6d2 Iceberg ΔE 7.42 #73c2fb Maya Blue ΔE 7.87 #87cefa Light Sky Blue ΔE 7.97 #00bfff Deep Sky Blue ΔE 8.22 #8e4a2d Ters renk #acacac Gri tonlama 

Moonstone Blue
#71b5d2  rgb(113, 181, 210)  hsl(198, 52%, 63%)  Moonstone Blue
#d28e71  rgb(210, 142, 113)  hsl(18, 52%, 63%)  Dark Salmon
#d271b5  rgb(210, 113, 181)  hsl(318, 52%, 63%)  Sky Magenta
#b5d271  rgb(181, 210, 113)  hsl(78, 52%, 63%)  June Bud