ColorTool
Giriş yap
#36B4CF

#36b4cf ≈ Moonstone Blue

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

#36b4cf, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %21,18 kırmızı, %70,59 yeşil ve %81,18 maviden oluşur; CMYK baskıda %73,91 camgöbeği, %13,04 macenta, %0 sarı ve %18,82 siyah kullanır. Ton açısı 190,59°, HSL’de doygunluğu %61,45 ve açıklığı %51,18’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,59:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 7,7.

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

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

Tamamlayıcı

  1. #36b4cf
  2. #cf5136

Bölünmüş tamamlayıcı

  1. #36b4cf
  2. #cf3668
  3. #cf9e36

Komşu

  1. #36cf9e
  2. #36b4cf
  3. #3668cf

Üçlü

  1. #36b4cf
  2. #cf36b4
  3. #b4cf36

Dörtlü

  1. #36b4cf
  2. #5136cf
  3. #cf5136
  4. #b4cf36

Kare

  1. #36b4cf
  2. #9e36cf
  3. #cf5136
  4. #68cf36

Tek renkli

  1. #154b57
  2. #248195
  3. #36b4cf
  4. #74cbde
  5. #b2e2ec

Koyu tonlar

#36b4cf kademeli olarak siyahla karıştırıldı.

  1. #36b4cf
  2. #31a2ba
  3. #2b90a6
  4. #267e91
  5. #206c7c
  6. #1b5a68
  7. #164853
  8. #10363e
  9. #0b2429
  10. #051215
  11. #000000

Açık tonlar

#36b4cf kademeli olarak beyazla karıştırıldı.

  1. #36b4cf
  2. #4abcd4
  3. #5ec3d9
  4. #72cbdd
  5. #86d2e2
  6. #9bdae7
  7. #afe1ec
  8. #c3e9f1
  9. #d7f0f5
  10. #ebf8fa
  11. #ffffff

Tonlar

#36b4cf kademeli olarak griyle karıştırıldı.

  1. #36b4cf
  2. #3dafc7
  3. #45aabf
  4. #4ca4b7
  5. #549faf
  6. #5b9aa8
  7. #6295a0
  8. #6a9098
  9. #718a90
  10. #798588
  11. #808080

Okunaklı metin 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a6a6a6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #87acb8 Erkeklerin ≈ 0.001% kadarı
Protanopi #a1aed1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8c9fcf Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bebc Erkeklerin ≈ 0.0001% kadarı
Protanomali #84b1d0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #74a8cf Erkeklerin ≈ 4.63% kadarı
Tritanomali #00bac4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-36b4cf {
  color: #36b4cf;
}
Arka plan
.bg-36b4cf {
  background-color: #36b4cf;
  color: #000000;
}
Kenarlık
.border-36b4cf {
  border: 2px solid #36b4cf;
}
CSS değişkenleri
:root {
  --color-primary: #36b4cf;
  --color-primary-rgb: 54 180 207;
  --color-primary-hsl: 191 61% 51%;
}
Geçiş
.gradient-36b4cf {
  background: linear-gradient(135deg, #36b4cf, #3668cf);
}
Renkli gölge
.shadow-36b4cf {
  box-shadow: 0 8px 24px rgb(54 180 207 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 7.70 #0095b6 Bondi Blue ΔE 9.77 #87ceeb Sky Blue ΔE 9.89 #00bfff Deep Sky Blue ΔE 9.89 #5f9ea0 Cadet Blue ΔE 10.65 #89cff0 Baby Blue ΔE 10.72 #00ced1 Dark Turquoise ΔE 11.42 #c94b30 Ters renk #a6a6a6 Gri tonlama 

Moonstone Blue
#36b4cf  rgb(54, 180, 207)  hsl(191, 61%, 51%)  Moonstone Blue
#cf5136  rgb(207, 81, 54)  hsl(11, 61%, 51%)  Cinnabar
#cf36b4  rgb(207, 54, 180)  hsl(311, 61%, 51%)  Shocking Pink
#b4cf36  rgb(180, 207, 54)  hsl(71, 61%, 51%)  June Bud