ColorTool
Giriş yap
#A396EE

#a396ee ≈ Floral Lavender

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

#a396ee, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %63,92 kırmızı, %58,82 yeşil ve %93,33 maviden oluşur; CMYK baskıda %31,51 camgöbeği, %36,97 macenta, %0 sarı ve %6,67 siyah kullanır. Ton açısı 248,86°, HSL’de doygunluğu %72,13 ve açıklığı %76,08’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 8,15:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 9,51.

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.3577

Tamamlayıcı

  1. #a396ee
  2. #e1ee96

Bölünmüş tamamlayıcı

  1. #a396ee
  2. #eecf96
  3. #b5ee96

Komşu

  1. #96b5ee
  2. #a396ee
  3. #cf96ee

Üçlü

  1. #a396ee
  2. #eea396
  3. #96eea3

Dörtlü

  1. #a396ee
  2. #ee96e1
  3. #e1ee96
  4. #96eea3

Kare

  1. #a396ee
  2. #ee96b5
  3. #e1ee96
  4. #96eecf

Tek renkli

  1. #3a21ca
  2. #6954e3
  3. #a396ee
  4. #ddd8f9
  5. #f0edfc

Koyu tonlar

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

  1. #a396ee
  2. #9387d6
  3. #8278be
  4. #7269a7
  5. #625a8f
  6. #524b77
  7. #413c5f
  8. #312d47
  9. #211e30
  10. #100f18
  11. #000000

Açık tonlar

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

  1. #a396ee
  2. #aca1f0
  3. #b5abf1
  4. #bfb6f3
  5. #c8c0f5
  6. #d1cbf7
  7. #dad5f8
  8. #e3e0fa
  9. #edeafc
  10. #f6f5fd
  11. #ffffff

Tonlar

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

  1. #a396ee
  2. #a094e3
  3. #9c92d8
  4. #998fcd
  5. #958dc2
  6. #928bb7
  7. #8e89ac
  8. #8b87a1
  9. #878496
  10. #84828b
  11. #808080

Okunaklı metin 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a1a1a1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a29dc5 Erkeklerin ≈ 0.001% kadarı
Protanopi #7ca3f1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7c9fec Erkeklerin ≈ 1.27% kadarı
Tritanopi #91a6b7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8d9ef0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8d9ced Erkeklerin ≈ 4.63% kadarı
Tritanomali #99a0cf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b57edc Floral Lavender ΔE 9.51 #a2add0 Wild Blue Yonder ΔE 10.04 #9370db Medium Purple ΔE 11.08 #c9a0dc Wisteria ΔE 11.22 #9678b6 Purple Mountain Majesty ΔE 12.33 #e0b0ff Mauve ΔE 12.60 #8c92ac Cool Gray ΔE 12.70 #5c6911 Ters renk #a1a1a1 Gri tonlama 

Floral Lavender
#a396ee  rgb(163, 150, 238)  hsl(249, 72%, 76%)  Floral Lavender
#e1ee96  rgb(225, 238, 150)  hsl(69, 72%, 76%)  Pastel Yellow
#eea396  rgb(238, 163, 150)  hsl(9, 72%, 76%)  Vivid Tangerine
#96eea3  rgb(150, 238, 163)  hsl(129, 72%, 76%)  Light Green