ColorTool
Giriş yap
#6077A2

#6077a2 ≈ Glaucous

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

#6077a2, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %37,65 kırmızı, %46,67 yeşil ve %63,53 maviden oluşur; CMYK baskıda %40,74 camgöbeği, %26,54 macenta, %0 sarı ve %36,47 siyah kullanır. Ton açısı 219,09°, HSL’de doygunluğu %26,19 ve açıklığı %50,59’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur 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 4,66:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Glaucous (#6082b6), ΔE 5,02.

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

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

Tamamlayıcı

  1. #6077a2
  2. #a28b60

Bölünmüş tamamlayıcı

  1. #6077a2
  2. #a26a60
  3. #98a260

Komşu

  1. #6098a2
  2. #6077a2
  3. #6a60a2

Üçlü

  1. #6077a2
  2. #a26077
  3. #77a260

Dörtlü

  1. #6077a2
  2. #8b60a2
  3. #a28b60
  4. #77a260

Kare

  1. #6077a2
  2. #a26098
  3. #a28b60
  4. #60a26a

Tek renkli

  1. #273042
  2. #435473
  3. #6077a2
  4. #90a0be
  5. #c1cada

Koyu tonlar

#6077a2 kademeli olarak siyahla karıştırıldı.

  1. #6077a2
  2. #566b92
  3. #4d5f82
  4. #435371
  5. #3a4761
  6. #303c51
  7. #263041
  8. #1d2431
  9. #131820
  10. #0a0c10
  11. #000000

Açık tonlar

#6077a2 kademeli olarak beyazla karıştırıldı.

  1. #6077a2
  2. #7085ab
  3. #8092b5
  4. #90a0be
  5. #a0adc7
  6. #b0bbd1
  7. #bfc9da
  8. #cfd6e3
  9. #dfe4ec
  10. #eff1f6
  11. #ffffff

Tonlar

#6077a2 kademeli olarak griyle karıştırıldı.

  1. #6077a2
  2. #63789f
  3. #66799b
  4. #6a7a98
  5. #6d7b94
  6. #707c91
  7. #737c8e
  8. #767d8a
  9. #7a7e87
  10. #7d7f83
  11. #808080

Okunaklı metin 4.51:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.66:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #777777 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6e778a Erkeklerin ≈ 0.001% kadarı
Protanopi #687aa4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6174a1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4a8086 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6579a3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6175a1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #547c92 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-6077a2 {
  color: #6077a2;
}
Arka plan
.bg-6077a2 {
  background-color: #6077a2;
  color: #000000;
}
Kenarlık
.border-6077a2 {
  border: 2px solid #6077a2;
}
CSS değişkenleri
:root {
  --color-primary: #6077a2;
  --color-primary-rgb: 96 119 162;
  --color-primary-hsl: 219 26% 51%;
}
Geçiş
.gradient-6077a2 {
  background: linear-gradient(135deg, #6077a2, #6a60a2);
}
Renkli gölge
.shadow-6077a2 {
  box-shadow: 0 8px 24px rgb(96 119 162 / 0.35);
}

#6082b6 Glaucous ΔE 5.02 #436b95 Queen Blue ΔE 7.05 #417dc1 Tufts Blue ΔE 7.59 #4682b4 Steel Blue ΔE 8.38 #4169e1 Royal Blue ΔE 9.17 #708090 Slate Gray ΔE 9.19 #708090 Slate Grey ΔE 9.19 #9f885d Ters renk #777777 Gri tonlama 

Glaucous
#6077a2  rgb(96, 119, 162)  hsl(219, 26%, 51%)  Glaucous
#a28b60  rgb(162, 139, 96)  hsl(39, 26%, 51%)  Camel
#a26077  rgb(162, 96, 119)  hsl(339, 26%, 51%)  Mauve Taupe
#77a260  rgb(119, 162, 96)  hsl(99, 26%, 51%)  Asparagus