ColorTool
Giriş yap
#A397F3

#a397f3 ≈ Floral Lavender

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

#a397f3, “mavi” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %63,92 kırmızı, %59,22 yeşil ve %95,29 maviden oluşur; CMYK baskıda %32,92 camgöbeği, %37,86 macenta, %0 sarı ve %4,71 siyah kullanır. Ton açısı 247,83°, HSL’de doygunluğu %79,31 ve açıklığı %77,25’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,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 10,06.

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

Tamamlayıcı

  1. #a397f3
  2. #e7f397

Bölünmüş tamamlayıcı

  1. #a397f3
  2. #f3d197
  3. #b9f397

Komşu

  1. #97b9f3
  2. #a397f3
  3. #d197f3

Üçlü

  1. #a397f3
  2. #f3a397
  3. #97f3a3

Dörtlü

  1. #a397f3
  2. #f397e7
  3. #e7f397
  4. #97f3a3

Kare

  1. #a397f3
  2. #f397b9
  3. #e7f397
  4. #97f3d1

Tek renkli

  1. #3219d8
  2. #6652eb
  3. #a397f3
  4. #e0dcfb
  5. #efedfd

Koyu tonlar

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

  1. #a397f3
  2. #9388db
  3. #8279c2
  4. #726aaa
  5. #625b92
  6. #524c7a
  7. #413c61
  8. #312d49
  9. #211e31
  10. #100f18
  11. #000000

Açık tonlar

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

  1. #a397f3
  2. #aca1f4
  3. #b5acf5
  4. #bfb6f7
  5. #c8c1f8
  6. #d1cbf9
  7. #dad5fa
  8. #e3e0fb
  9. #edeafd
  10. #f6f5fe
  11. #ffffff

Tonlar

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

  1. #a397f3
  2. #a095e8
  3. #9c92dc
  4. #9990d1
  5. #958ec5
  6. #928cba
  7. #8e89ae
  8. #8b87a3
  9. #878597
  10. #84828c
  11. #808080

Okunaklı metin 2.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a3a3a3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a39ec8 Erkeklerin ≈ 0.001% kadarı
Protanopi #7ba5f7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7ba0f1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #8fa8b9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8d9ff5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8d9df2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #98a1d3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a397f3 {
  color: #a397f3;
}
Arka plan
.bg-a397f3 {
  background-color: #a397f3;
  color: #000000;
}
Kenarlık
.border-a397f3 {
  border: 2px solid #a397f3;
}
CSS değişkenleri
:root {
  --color-primary: #a397f3;
  --color-primary-rgb: 163 151 243;
  --color-primary-hsl: 248 79% 77%;
}
Geçiş
.gradient-a397f3 {
  background: linear-gradient(135deg, #a397f3, #d197f3);
}
Renkli gölge
.shadow-a397f3 {
  box-shadow: 0 8px 24px rgb(163 151 243 / 0.35);
}

#b57edc Floral Lavender ΔE 10.06 #a2add0 Wild Blue Yonder ΔE 10.16 #9370db Medium Purple ΔE 11.42 #c9a0dc Wisteria ΔE 11.78 #e0b0ff Mauve ΔE 12.77 #b0c4de Light Steel Blue ΔE 13.03 #9678b6 Purple Mountain Majesty ΔE 13.11 #5c680c Ters renk #a3a3a3 Gri tonlama 

Floral Lavender
#a397f3  rgb(163, 151, 243)  hsl(248, 79%, 77%)  Floral Lavender
#e7f397  rgb(231, 243, 151)  hsl(68, 79%, 77%)  Pastel Yellow
#f3a397  rgb(243, 163, 151)  hsl(8, 79%, 77%)  Vivid Tangerine
#97f3a3  rgb(151, 243, 163)  hsl(128, 79%, 77%)  Light Green