ColorTool
Giriş yap
#ABABF1

#ababf1 ≈ Wild Blue Yonder

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

#ababf1, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %67,06 kırmızı, %67,06 yeşil ve %94,51 maviden oluşur; CMYK baskıda %29,05 camgöbeği, %29,05 macenta, %0 sarı ve %5,49 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %71,43 ve açıklığı %80,78’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,83:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wild Blue Yonder (#a2add0), ΔE 6,72.

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

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

Tamamlayıcı

  1. #ababf1
  2. #f1f1ab

Bölünmüş tamamlayıcı

  1. #ababf1
  2. #f1ceab
  3. #cef1ab

Komşu

  1. #abcef1
  2. #ababf1
  3. #ceabf1

Üçlü

  1. #ababf1
  2. #f1abab
  3. #abf1ab

Dörtlü

  1. #ababf1
  2. #f1abf1
  3. #f1f1ab
  4. #abf1ab

Kare

  1. #ababf1
  2. #f1abce
  3. #f1f1ab
  4. #abf1ce

Tek renkli

  1. #2828db
  2. #6969e6
  3. #ababf1
  4. #ededfc
  5. #eeeefc

Koyu tonlar

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

  1. #ababf1
  2. #9a9ad9
  3. #8989c1
  4. #7878a9
  5. #676791
  6. #565679
  7. #444460
  8. #333348
  9. #222230
  10. #111118
  11. #000000

Açık tonlar

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

  1. #ababf1
  2. #b3b3f2
  3. #bcbcf4
  4. #c4c4f5
  5. #cdcdf7
  6. #d5d5f8
  7. #ddddf9
  8. #e6e6fb
  9. #eeeefc
  10. #f7f7fe
  11. #ffffff

Tonlar

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

  1. #ababf1
  2. #a7a7e6
  3. #a2a2da
  4. #9e9ecf
  5. #9a9ac4
  6. #9696b9
  7. #9191ad
  8. #8d8da2
  9. #898997
  10. #84848b
  11. #808080

Okunaklı metin 2.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b1b1b1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #afafce Erkeklerin ≈ 0.001% kadarı
Protanopi #97b4f4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #95afef Erkeklerin ≈ 1.27% kadarı
Tritanopi #9ab8c4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a0b0f3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9eaef0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a1b3d7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#a2add0 Wild Blue Yonder ΔE 6.72 #ccccff Periwinkle ΔE 9.02 #b0c4de Light Steel Blue ΔE 9.89 #c9a0dc Wisteria ΔE 11.34 #e0b0ff Mauve ΔE 11.57 #8c92ac Cool Gray ΔE 13.20 #6495ed Cornflower Blue ΔE 14.01 #54540e Ters renk #b1b1b1 Gri tonlama 

Wild Blue Yonder
#ababf1  rgb(171, 171, 241)  hsl(240, 71%, 81%)  Wild Blue Yonder
#f1f1ab  rgb(241, 241, 171)  hsl(60, 71%, 81%)  Pale Goldenrod
#f1abab  rgb(241, 171, 171)  hsl(0, 71%, 81%)  Pastel Pink
#abf1ab  rgb(171, 241, 171)  hsl(120, 71%, 81%)  Granny Smith Apple