ColorTool
Giriş yap
#1AA5DD

#1aa5dd ≈ Carolina Blue

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

#1aa5dd, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %10,2 kırmızı, %64,71 yeşil ve %86,67 maviden oluşur; CMYK baskıda %88,24 camgöbeği, %25,34 macenta, %0 sarı ve %13,33 siyah kullanır. Ton açısı 197,23°, HSL’de doygunluğu %78,95 ve açıklığı %48,43’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 7,47:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Carolina Blue (#56a0d3), ΔE 4,65.

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

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

Tamamlayıcı

  1. #1aa5dd
  2. #dd521a

Bölünmüş tamamlayıcı

  1. #1aa5dd
  2. #dd1a43
  3. #ddb31a

Komşu

  1. #1addb3
  2. #1aa5dd
  3. #1a43dd

Üçlü

  1. #1aa5dd
  2. #dd1aa5
  3. #a5dd1a

Dörtlü

  1. #1aa5dd
  2. #521add
  3. #dd521a
  4. #a5dd1a

Kare

  1. #1aa5dd
  2. #b31add
  3. #dd521a
  4. #43dd1a

Tek renkli

  1. #0a3f54
  2. #127299
  3. #1aa5dd
  4. #58c1eb
  5. #9ddaf3

Koyu tonlar

#1aa5dd kademeli olarak siyahla karıştırıldı.

  1. #1aa5dd
  2. #1795c7
  3. #1584b1
  4. #12749b
  5. #106385
  6. #0d536f
  7. #0a4258
  8. #083242
  9. #05212c
  10. #031116
  11. #000000

Açık tonlar

#1aa5dd kademeli olarak beyazla karıştırıldı.

  1. #1aa5dd
  2. #31aee0
  3. #48b7e4
  4. #5fc0e7
  5. #76c9eb
  6. #8dd2ee
  7. #a3dbf1
  8. #bae4f5
  9. #d1edf8
  10. #e8f6fc
  11. #ffffff

Tonlar

#1aa5dd kademeli olarak griyle karıştırıldı.

  1. #1aa5dd
  2. #24a1d4
  3. #2e9eca
  4. #399ac1
  5. #4396b8
  6. #4d93af
  7. #578fa5
  8. #618b9c
  9. #6c8793
  10. #768489
  11. #808080

Okunaklı metin 2.81:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.47:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9a9a9a Erkeklerin ≈ 0.003% kadarı
Akromatomali #7b9fb9 Erkeklerin ≈ 0.001% kadarı
Protanopi #89a4e0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7093dc Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b4b8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6da4df Erkeklerin ≈ 1.08% kadarı
Döteranomali #5a9adc Erkeklerin ≈ 4.63% kadarı
Tritanomali #00aec8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-1aa5dd {
  color: #1aa5dd;
}
Arka plan
.bg-1aa5dd {
  background-color: #1aa5dd;
  color: #000000;
}
Kenarlık
.border-1aa5dd {
  border: 2px solid #1aa5dd;
}
CSS değişkenleri
:root {
  --color-primary: #1aa5dd;
  --color-primary-rgb: 26 165 221;
  --color-primary-hsl: 197 79% 48%;
}
Geçiş
.gradient-1aa5dd {
  background: linear-gradient(135deg, #1aa5dd, #1a43dd);
}
Renkli gölge
.shadow-1aa5dd {
  box-shadow: 0 8px 24px rgb(26 165 221 / 0.35);
}

#56a0d3 Carolina Blue ΔE 4.65 #00bfff Deep Sky Blue ΔE 7.34 #71a6d2 Iceberg ΔE 7.47 #73a9c2 Moonstone Blue ΔE 8.33 #0095b6 Bondi Blue ΔE 8.52 #73c2fb Maya Blue ΔE 10.08 #5d8aa8 Air Force Blue ΔE 10.92 #e55a22 Ters renk #9a9a9a Gri tonlama 

Carolina Blue
#1aa5dd  rgb(26, 165, 221)  hsl(197, 79%, 48%)  Carolina Blue
#dd521a  rgb(221, 82, 26)  hsl(17, 79%, 48%)  Flame
#dd1aa5  rgb(221, 26, 165)  hsl(317, 79%, 48%)  Shocking Pink
#a5dd1a  rgb(165, 221, 26)  hsl(77, 79%, 48%)  Yellow Green