ColorTool
Giriş yap
#ABABD8

#ababd8 ≈ Wild Blue Yonder

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

#ababd8, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %67,06 kırmızı, %67,06 yeşil ve %84,71 maviden oluşur; CMYK baskıda %20,83 camgöbeği, %20,83 macenta, %0 sarı ve %15,29 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %36,59 ve açıklığı %75,88’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 9,55:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wild Blue Yonder (#a2add0), ΔE 4,55.

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

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

Tamamlayıcı

  1. #ababd8
  2. #d8d8ab

Bölünmüş tamamlayıcı

  1. #ababd8
  2. #d8c1ab
  3. #c1d8ab

Komşu

  1. #abc1d8
  2. #ababd8
  3. #c1abd8

Üçlü

  1. #ababd8
  2. #d8abab
  3. #abd8ab

Dörtlü

  1. #ababd8
  2. #d8abd8
  3. #d8d8ab
  4. #abd8ab

Kare

  1. #ababd8
  2. #d8abc1
  3. #d8d8ab
  4. #abd8c1

Tek renkli

  1. #4a4aa0
  2. #7777c0
  3. #ababd8
  4. #dfdff0
  5. #f1f1f9

Koyu tonlar

#ababd8 kademeli olarak siyahla karıştırıldı.

  1. #ababd8
  2. #9a9ac2
  3. #8989ad
  4. #787897
  5. #676782
  6. #56566c
  7. #444456
  8. #333341
  9. #22222b
  10. #111116
  11. #000000

Açık tonlar

#ababd8 kademeli olarak beyazla karıştırıldı.

  1. #ababd8
  2. #b3b3dc
  3. #bcbce0
  4. #c4c4e4
  5. #cdcde8
  6. #d5d5ec
  7. #ddddef
  8. #e6e6f3
  9. #eeeef7
  10. #f7f7fb
  11. #ffffff

Tonlar

#ababd8 kademeli olarak griyle karıştırıldı.

  1. #ababd8
  2. #a7a7cf
  3. #a2a2c6
  4. #9e9ebe
  5. #9a9ab5
  6. #9696ac
  7. #9191a3
  8. #8d8d9a
  9. #898992
  10. #848489
  11. #808080

Okunaklı metin 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #afafaf Erkeklerin ≈ 0.003% kadarı
Akromatomali #adadc1 Erkeklerin ≈ 0.001% kadarı
Protanopi #a0b0da Erkeklerin ≈ 1.01% kadarı
Döteranopi #9eadd7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a1b3ba Erkeklerin ≈ 0.0001% kadarı
Protanomali #a4aed9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a4acd7 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a5b0c7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ababd8 {
  color: #ababd8;
}
Arka plan
.bg-ababd8 {
  background-color: #ababd8;
  color: #000000;
}
Kenarlık
.border-ababd8 {
  border: 2px solid #ababd8;
}
CSS değişkenleri
:root {
  --color-primary: #ababd8;
  --color-primary-rgb: 171 171 216;
  --color-primary-hsl: 240 37% 76%;
}
Geçiş
.gradient-ababd8 {
  background: linear-gradient(135deg, #ababd8, #c1abd8);
}
Renkli gölge
.shadow-ababd8 {
  box-shadow: 0 8px 24px rgb(171 171 216 / 0.35);
}

#a2add0 Wild Blue Yonder ΔE 4.55 #ccccff Periwinkle ΔE 8.74 #c9a0dc Wisteria ΔE 10.25 #8c92ac Cool Gray ΔE 10.28 #b39eb5 Pastel Purple ΔE 10.57 #b0c4de Light Steel Blue ΔE 11.02 #c8a2c8 Lilac ΔE 11.65 #545427 Ters renk #afafaf Gri tonlama 

Wild Blue Yonder
#ababd8  rgb(171, 171, 216)  hsl(240, 37%, 76%)  Wild Blue Yonder
#d8d8ab  rgb(216, 216, 171)  hsl(60, 37%, 76%)  Pale Goldenrod
#d8abab  rgb(216, 171, 171)  hsl(0, 37%, 76%)  Pastel Pink
#abd8ab  rgb(171, 216, 171)  hsl(120, 37%, 76%)  Celadon