ColorTool
Giriş yap
#689FAE

#689fae ≈ Moonstone Blue

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

#689fae, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %40,78 kırmızı, %62,35 yeşil ve %68,24 maviden oluşur; CMYK baskıda %40,23 camgöbeği, %8,62 macenta, %0 sarı ve %31,76 siyah kullanır. Ton açısı 192,86°, HSL’de doygunluğu %30,17 ve açıklığı %54,51’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,16:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 5,27.

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

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

Tamamlayıcı

  1. #689fae
  2. #ae7768

Bölünmüş tamamlayıcı

  1. #689fae
  2. #ae687c
  3. #ae9a68

Komşu

  1. #68ae9a
  2. #689fae
  3. #687cae

Üçlü

  1. #689fae
  2. #ae689f
  3. #9fae68

Dörtlü

  1. #689fae
  2. #7768ae
  3. #ae7768
  4. #9fae68

Kare

  1. #689fae
  2. #9a68ae
  3. #ae7768
  4. #7cae68

Tek renkli

  1. #2c4951
  2. #467683
  3. #689fae
  4. #9abfc9
  5. #ccdee3

Koyu tonlar

#689fae kademeli olarak siyahla karıştırıldı.

  1. #689fae
  2. #5e8f9d
  3. #537f8b
  4. #496f7a
  5. #3e5f68
  6. #345057
  7. #2a4046
  8. #1f3034
  9. #152023
  10. #0a1011
  11. #000000

Açık tonlar

#689fae kademeli olarak beyazla karıştırıldı.

  1. #689fae
  2. #77a9b6
  3. #86b2be
  4. #95bcc6
  5. #a4c5ce
  6. #b4cfd7
  7. #c3d9df
  8. #d2e2e7
  9. #e1ecef
  10. #f0f5f7
  11. #ffffff

Tonlar

#689fae kademeli olarak griyle karıştırıldı.

  1. #689fae
  2. #6a9ca9
  3. #6d99a5
  4. #6f96a0
  5. #72939c
  6. #749097
  7. #768c92
  8. #79898e
  9. #7b8689
  10. #7e8385
  11. #808080

Okunaklı metin 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #979797 Erkeklerin ≈ 0.003% kadarı
Akromatomali #869aa1 Erkeklerin ≈ 0.001% kadarı
Protanopi #959caf Erkeklerin ≈ 1.01% kadarı
Döteranopi #8a93ae Erkeklerin ≈ 1.27% kadarı
Tritanopi #4ca5a4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #859daf Erkeklerin ≈ 1.08% kadarı
Döteranomali #7e98ae Erkeklerin ≈ 4.63% kadarı
Tritanomali #58a2a8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-689fae {
  color: #689fae;
}
Arka plan
.bg-689fae {
  background-color: #689fae;
  color: #000000;
}
Kenarlık
.border-689fae {
  border: 2px solid #689fae;
}
CSS değişkenleri
:root {
  --color-primary: #689fae;
  --color-primary-rgb: 104 159 174;
  --color-primary-hsl: 193 30% 55%;
}
Geçiş
.gradient-689fae {
  background: linear-gradient(135deg, #689fae, #687cae);
}
Renkli gölge
.shadow-689fae {
  box-shadow: 0 8px 24px rgb(104 159 174 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 5.27 #5f9ea0 Cadet Blue ΔE 6.39 #0095b6 Bondi Blue ΔE 8.33 #5d8aa8 Air Force Blue ΔE 9.70 #71a6d2 Iceberg ΔE 10.74 #56a0d3 Carolina Blue ΔE 10.79 #778899 Light Slate Gray ΔE 12.15 #976051 Ters renk #979797 Gri tonlama 

Moonstone Blue
#689fae  rgb(104, 159, 174)  hsl(193, 30%, 55%)  Moonstone Blue
#ae7768  rgb(174, 119, 104)  hsl(13, 30%, 55%)  Beaver
#ae689f  rgb(174, 104, 159)  hsl(313, 30%, 55%)  Sky Magenta
#9fae68  rgb(159, 174, 104)  hsl(73, 30%, 55%)  Olivine