ColorTool
Giriş yap
#6F77CC

#6f77cc ≈ Glaucous

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

#6f77cc, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %43,53 kırmızı, %46,67 yeşil ve %80 maviden oluşur; CMYK baskıda %45,59 camgöbeği, %41,67 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 234,84°, HSL’de doygunluğu %47,69 ve açıklığı %61,76’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak 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 5,19:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Glaucous (#6082b6), ΔE 6,77.

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

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

Tamamlayıcı

  1. #6f77cc
  2. #ccc46f

Bölünmüş tamamlayıcı

  1. #6f77cc
  2. #cc956f
  3. #a5cc6f

Komşu

  1. #6fa5cc
  2. #6f77cc
  3. #956fcc

Üçlü

  1. #6f77cc
  2. #cc6f77
  3. #77cc6f

Dörtlü

  1. #6f77cc
  2. #c46fcc
  3. #ccc46f
  4. #77cc6f

Kare

  1. #6f77cc
  2. #cc6fa5
  3. #ccc46f
  4. #6fcc95

Tek renkli

  1. #2a3178
  2. #3e48b0
  3. #6f77cc
  4. #a7ace0
  5. #e0e2f4

Koyu tonlar

#6f77cc kademeli olarak siyahla karıştırıldı.

  1. #6f77cc
  2. #646bb8
  3. #595fa3
  4. #4e538f
  5. #43477a
  6. #383c66
  7. #2c3052
  8. #21243d
  9. #161829
  10. #0b0c14
  11. #000000

Açık tonlar

#6f77cc kademeli olarak beyazla karıştırıldı.

  1. #6f77cc
  2. #7d85d1
  3. #8c92d6
  4. #9aa0db
  5. #a9ade0
  6. #b7bbe6
  7. #c5c9eb
  8. #d4d6f0
  9. #e2e4f5
  10. #f1f1fa
  11. #ffffff

Tonlar

#6f77cc kademeli olarak griyle karıştırıldı.

  1. #6f77cc
  2. #7178c4
  3. #7279bd
  4. #747ab5
  5. #767bae
  6. #787ca6
  7. #797c9e
  8. #7b7d97
  9. #7d7e8f
  10. #7e7f88
  11. #808080

Okunaklı metin 4.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.19:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7e7e7e Erkeklerin ≈ 0.003% kadarı
Akromatomali #787ba3 Erkeklerin ≈ 0.001% kadarı
Protanopi #5782cf Erkeklerin ≈ 1.01% kadarı
Döteranopi #507bca Erkeklerin ≈ 1.27% kadarı
Tritanopi #4f8998 Erkeklerin ≈ 0.0001% kadarı
Protanomali #617ece Erkeklerin ≈ 1.08% kadarı
Döteranomali #5e79cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #5d82af Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-6f77cc {
  color: #6f77cc;
}
Arka plan
.bg-6f77cc {
  background-color: #6f77cc;
  color: #000000;
}
Kenarlık
.border-6f77cc {
  border: 2px solid #6f77cc;
}
CSS değişkenleri
:root {
  --color-primary: #6f77cc;
  --color-primary-rgb: 111 119 204;
  --color-primary-hsl: 235 48% 62%;
}
Geçiş
.gradient-6f77cc {
  background: linear-gradient(135deg, #6f77cc, #956fcc);
}
Renkli gölge
.shadow-6f77cc {
  box-shadow: 0 8px 24px rgb(111 119 204 / 0.35);
}

#6082b6 Glaucous ΔE 6.77 #7b68ee Medium Slate Blue ΔE 7.52 #4169e1 Royal Blue ΔE 8.16 #9370db Medium Purple ΔE 8.70 #4166f5 Ultramarine Blue ΔE 8.97 #6a5acd Slate Blue ΔE 9.77 #417dc1 Tufts Blue ΔE 10.41 #908833 Ters renk #7e7e7e Gri tonlama 

Glaucous
#6f77cc  rgb(111, 119, 204)  hsl(235, 48%, 62%)  Glaucous
#ccc46f  rgb(204, 196, 111)  hsl(55, 48%, 62%)  Dark Khaki
#cc6f77  rgb(204, 111, 119)  hsl(355, 48%, 62%)  Rose Gold
#77cc6f  rgb(119, 204, 111)  hsl(115, 48%, 62%)  Mantis