ColorTool
Giriş yap
#684B60

#684b60 ≈ Eggplant

  • macenta
  • Açıklık: düşük
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#684b60, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40,78 kırmızı, %29,41 yeşil ve %37,65 maviden oluşur; CMYK baskıda %0 camgöbeği, %27,88 macenta, %7,69 sarı ve %59,22 siyah kullanır. Ton açısı 316,55°, HSL’de doygunluğu %16,2 ve açıklığı %35,1’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 7,6:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggplant (#614051), ΔE 4,14.

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

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

Tamamlayıcı

  1. #684b60
  2. #4b6853

Bölünmüş tamamlayıcı

  1. #684b60
  2. #52684b
  3. #4b6862

Komşu

  1. #624b68
  2. #684b60
  3. #684b52

Üçlü

  1. #684b60
  2. #60684b
  3. #4b6068

Dörtlü

  1. #684b60
  2. #68534b
  3. #4b6853
  4. #4b6068

Kare

  1. #684b60
  2. #68624b
  3. #4b6853
  4. #4b5268

Tek renkli

  1. #0f0b0e
  2. #3c2b37
  3. #684b60
  4. #946b89
  5. #b498ac

Koyu tonlar

#684b60 kademeli olarak siyahla karıştırıldı.

  1. #684b60
  2. #5e4456
  3. #533c4d
  4. #493543
  5. #3e2d3a
  6. #342630
  7. #2a1e26
  8. #1f171d
  9. #150f13
  10. #0a080a
  11. #000000

Açık tonlar

#684b60 kademeli olarak beyazla karıştırıldı.

  1. #684b60
  2. #775d70
  3. #866f80
  4. #958190
  5. #a493a0
  6. #b4a5b0
  7. #c3b7bf
  8. #d2c9cf
  9. #e1dbdf
  10. #f0edef
  11. #ffffff

Tonlar

#684b60 kademeli olarak griyle karıştırıldı.

  1. #684b60
  2. #6a5063
  3. #6d5666
  4. #6f5b6a
  5. #72606d
  6. #746670
  7. #766b73
  8. #797076
  9. #7b757a
  10. #7e7b7d
  11. #808080

Okunaklı metin 7.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #545454 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5d5059 Erkeklerin ≈ 0.001% kadarı
Protanopi #4b5161 Erkeklerin ≈ 1.01% kadarı
Döteranopi #52555f Erkeklerin ≈ 1.27% kadarı
Tritanopi #6b4c52 Erkeklerin ≈ 0.0001% kadarı
Protanomali #584f61 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5c515f Erkeklerin ≈ 4.63% kadarı
Tritanomali #6a4b58 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-684b60 {
  color: #684b60;
}
Arka plan
.bg-684b60 {
  background-color: #684b60;
  color: #ffffff;
}
Kenarlık
.border-684b60 {
  border: 2px solid #684b60;
}
CSS değişkenleri
:root {
  --color-primary: #684b60;
  --color-primary-rgb: 104 75 96;
  --color-primary-hsl: 317 16% 35%;
}
Geçiş
.gradient-684b60 {
  background: linear-gradient(135deg, #684b60, #684b52);
}
Renkli gölge
.shadow-684b60 {
  box-shadow: 0 8px 24px rgb(104 75 96 / 0.35);
}

#614051 Eggplant ΔE 4.14 #8a496b Twilight Lavender ΔE 9.05 #796878 Old Lavender ΔE 10.49 #873260 Boysenberry ΔE 11.39 #915f6d Mauve Taupe ΔE 11.44 #645452 Wenge ΔE 11.54 #674c47 Liver ΔE 11.60 #97b49f Ters renk #545454 Gri tonlama 

Eggplant
#684b60  rgb(104, 75, 96)  hsl(317, 16%, 35%)  Eggplant
#4b6853  rgb(75, 104, 83)  hsl(137, 16%, 35%)  Feldgrau
#60684b  rgb(96, 104, 75)  hsl(77, 16%, 35%)  Dark Olive Green
#4b6068  rgb(75, 96, 104)  hsl(197, 16%, 35%)  Outer Space