ColorTool
Giriş yap
#87AAB5

#87aab5 ≈ Moonstone Blue

  • camgöbeği
  • Açıklık: orta
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#87aab5, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %52,94 kırmızı, %66,67 yeşil ve %70,98 maviden oluşur; CMYK baskıda %25,41 camgöbeği, %6,08 macenta, %0 sarı ve %29,02 siyah kullanır. Ton açısı 194,35°, HSL’de doygunluğu %23,71 ve açıklığı %61,96’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,45:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 5,31.

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

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

Tamamlayıcı

  1. #87aab5
  2. #b59287

Bölünmüş tamamlayıcı

  1. #87aab5
  2. #b58793
  3. #b5a987

Komşu

  1. #87b5a9
  2. #87aab5
  3. #8793b5

Üçlü

  1. #87aab5
  2. #b587aa
  3. #aab587

Dörtlü

  1. #87aab5
  2. #9287b5
  3. #b59287
  4. #aab587

Kare

  1. #87aab5
  2. #a987b5
  3. #b59287
  4. #93b587

Tek renkli

  1. #3e5c65
  2. #5b8794
  3. #87aab5
  4. #b6ccd2
  5. #e6edef

Koyu tonlar

#87aab5 kademeli olarak siyahla karıştırıldı.

  1. #87aab5
  2. #7a99a3
  3. #6c8891
  4. #5f777f
  5. #51666d
  6. #44555b
  7. #364448
  8. #293336
  9. #1b2224
  10. #0e1112
  11. #000000

Açık tonlar

#87aab5 kademeli olarak beyazla karıştırıldı.

  1. #87aab5
  2. #93b3bc
  3. #9fbbc4
  4. #abc4cb
  5. #b7ccd3
  6. #c3d5da
  7. #cfdde1
  8. #dbe6e9
  9. #e7eef0
  10. #f3f7f8
  11. #ffffff

Tonlar

#87aab5 kademeli olarak griyle karıştırıldı.

  1. #87aab5
  2. #86a6b0
  3. #86a2aa
  4. #859da5
  5. #8499a0
  6. #84959b
  7. #839195
  8. #828d90
  9. #81888b
  10. #818485
  11. #808080

Okunaklı metin 2.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a4a4a4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #99a7ab Erkeklerin ≈ 0.001% kadarı
Protanopi #a3a8b6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9ba2b5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #79aead Erkeklerin ≈ 0.0001% kadarı
Protanomali #98a9b5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #94a5b5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #7facb0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-87aab5 {
  color: #87aab5;
}
Arka plan
.bg-87aab5 {
  background-color: #87aab5;
  color: #000000;
}
Kenarlık
.border-87aab5 {
  border: 2px solid #87aab5;
}
CSS değişkenleri
:root {
  --color-primary: #87aab5;
  --color-primary-rgb: 135 170 181;
  --color-primary-hsl: 194 24% 62%;
}
Geçiş
.gradient-87aab5 {
  background: linear-gradient(135deg, #87aab5, #8793b5);
}
Renkli gölge
.shadow-87aab5 {
  box-shadow: 0 8px 24px rgb(135 170 181 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.31 #aec6cf Pastel Blue ΔE 8.77 #5f9ea0 Cadet Blue ΔE 9.81 #a8c3bc Opal ΔE 10.73 #71a6d2 Iceberg ΔE 10.74 #87ceeb Sky Blue ΔE 11.23 #89cff0 Baby Blue ΔE 11.90 #78554a Ters renk #a4a4a4 Gri tonlama 

Moonstone Blue
#87aab5  rgb(135, 170, 181)  hsl(194, 24%, 62%)  Moonstone Blue
#b59287  rgb(181, 146, 135)  hsl(14, 24%, 62%)  Rosy Brown
#b587aa  rgb(181, 135, 170)  hsl(314, 24%, 62%)  Lilac
#aab587  rgb(170, 181, 135)  hsl(74, 24%, 62%)  Sage