ColorTool
Giriş yap
#889FA5

#889fa5 ≈ Moonstone Blue

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

#889fa5, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %53,33 kırmızı, %62,35 yeşil ve %64,71 maviden oluşur; CMYK baskıda %17,58 camgöbeği, %3,64 macenta, %0 sarı ve %35,29 siyah kullanır. Ton açısı 192,41°, HSL’de doygunluğu %13,88 ve açıklığı %59,02’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 7,55:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 8,44.

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

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

Tamamlayıcı

  1. #889fa5
  2. #a58e88

Bölünmüş tamamlayıcı

  1. #889fa5
  2. #a58891
  3. #a59d88

Komşu

  1. #88a59d
  2. #889fa5
  3. #8891a5

Üçlü

  1. #889fa5
  2. #a5889f
  3. #9fa588

Dörtlü

  1. #889fa5
  2. #8e88a5
  3. #a58e88
  4. #9fa588

Kare

  1. #889fa5
  2. #9d88a5
  3. #a58e88
  4. #91a588

Tek renkli

  1. #405054
  2. #617980
  3. #889fa5
  4. #b4c2c6
  5. #dfe5e7

Koyu tonlar

#889fa5 kademeli olarak siyahla karıştırıldı.

  1. #889fa5
  2. #7a8f95
  3. #6d7f84
  4. #5f6f74
  5. #525f63
  6. #445053
  7. #364042
  8. #293032
  9. #1b2021
  10. #0e1011
  11. #000000

Açık tonlar

#889fa5 kademeli olarak beyazla karıştırıldı.

  1. #889fa5
  2. #94a9ae
  3. #a0b2b7
  4. #acbcc0
  5. #b8c5c9
  6. #c4cfd2
  7. #cfd9db
  8. #dbe2e4
  9. #e7eced
  10. #f3f5f6
  11. #ffffff

Tonlar

#889fa5 kademeli olarak griyle karıştırıldı.

  1. #889fa5
  2. #879ca1
  3. #86999e
  4. #86969a
  5. #859396
  6. #849093
  7. #838c8f
  8. #82898b
  9. #828687
  10. #818384
  11. #808080

Okunaklı metin 2.78:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9b9b9b Erkeklerin ≈ 0.003% kadarı
Akromatomali #949d9f Erkeklerin ≈ 0.001% kadarı
Protanopi #9a9da5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9699a5 Erkeklerin ≈ 1.27% kadarı
Tritanopi #80a2a1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #939ea5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #909ca5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #83a1a2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-889fa5 {
  color: #889fa5;
}
Arka plan
.bg-889fa5 {
  background-color: #889fa5;
  color: #000000;
}
Kenarlık
.border-889fa5 {
  border: 2px solid #889fa5;
}
CSS değişkenleri
:root {
  --color-primary: #889fa5;
  --color-primary-rgb: 136 159 165;
  --color-primary-hsl: 192 14% 59%;
}
Geçiş
.gradient-889fa5 {
  background: linear-gradient(135deg, #889fa5, #8891a5);
}
Renkli gölge
.shadow-889fa5 {
  box-shadow: 0 8px 24px rgb(136 159 165 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 8.44 #778899 Light Slate Gray ΔE 9.71 #778899 Light Slate Grey ΔE 9.71 #a9a9a9 Dark Gray ΔE 10.15 #a9a9a9 Dark Grey ΔE 10.15 #5f9ea0 Cadet Blue ΔE 10.38 #aec6cf Pastel Blue ΔE 11.09 #77605a Ters renk #9b9b9b Gri tonlama 

Moonstone Blue
#889fa5  rgb(136, 159, 165)  hsl(192, 14%, 59%)  Moonstone Blue
#a58e88  rgb(165, 142, 136)  hsl(12, 14%, 59%)  Beaver
#a5889f  rgb(165, 136, 159)  hsl(312, 14%, 59%)  Mountbatten Pink
#9fa588  rgb(159, 165, 136)  hsl(72, 14%, 59%)  Sage