ColorTool
Giriş yap
#663F2E

#663f2e ≈ Coffee

  • kahverengi
  • Açıklık: düşük
  • Doygunluk: düşük
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#663f2e, “kahverengi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %40 kırmızı, %24,71 yeşil ve %18,04 maviden oluşur; CMYK baskıda %0 camgöbeği, %38,24 macenta, %54,9 sarı ve %60 siyah kullanır. Ton açısı 18,21°, HSL’de doygunluğu %37,84 ve açıklığı %29,02’dir. Sıcak bir renktir ve çoğunlukla güvenilirlik, sıcaklık ve doğallık ile ilişkilendirilir. Tasarımcılar onu genellikle kafeler ve kahve markaları, rustik ve doğal stiller ve lüks markalar için kullanır. Bu renk üzerinde beyaz metin 9,07:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Coffee (#6f4e37), ΔE 5,92.

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

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

Tamamlayıcı

  1. #663f2e
  2. #2e5566

Bölünmüş tamamlayıcı

  1. #663f2e
  2. #2e665b
  3. #2e3966

Komşu

  1. #662e39
  2. #663f2e
  3. #665b2e

Üçlü

  1. #663f2e
  2. #2e663f
  3. #3f2e66

Dörtlü

  1. #663f2e
  2. #55662e
  3. #2e5566
  4. #3f2e66

Kare

  1. #663f2e
  2. #39662e
  3. #2e5566
  4. #5b2e66

Tek renkli

  1. #0e0906
  2. #311e16
  3. #663f2e
  4. #9b6046
  5. #be876f

Koyu tonlar

#663f2e kademeli olarak siyahla karıştırıldı.

  1. #663f2e
  2. #5c3929
  3. #523225
  4. #472c20
  5. #3d261c
  6. #332017
  7. #291912
  8. #1f130e
  9. #140d09
  10. #0a0605
  11. #000000

Açık tonlar

#663f2e kademeli olarak beyazla karıştırıldı.

  1. #663f2e
  2. #755243
  3. #856558
  4. #94796d
  5. #a38c82
  6. #b39f97
  7. #c2b2ab
  8. #d1c5c0
  9. #e0d9d5
  10. #f0ecea
  11. #ffffff

Tonlar

#663f2e kademeli olarak griyle karıştırıldı.

  1. #663f2e
  2. #694636
  3. #6b4c3e
  4. #6e5347
  5. #70594f
  6. #736057
  7. #76665f
  8. #786d67
  9. #7b7370
  10. #7d7a78
  11. #808080

Okunaklı metin 9.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #494949 Erkeklerin ≈ 0.003% kadarı
Akromatomali #56453f Erkeklerin ≈ 0.001% kadarı
Protanopi #49442d Erkeklerin ≈ 1.01% kadarı
Döteranopi #524c2e Erkeklerin ≈ 1.27% kadarı
Tritanopi #6f383b Erkeklerin ≈ 0.0001% kadarı
Protanomali #56422d Erkeklerin ≈ 1.08% kadarı
Döteranomali #5b472e Erkeklerin ≈ 4.63% kadarı
Tritanomali #6b3b36 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-663f2e {
  color: #663f2e;
}
Arka plan
.bg-663f2e {
  background-color: #663f2e;
  color: #ffffff;
}
Kenarlık
.border-663f2e {
  border: 2px solid #663f2e;
}
CSS değişkenleri
:root {
  --color-primary: #663f2e;
  --color-primary-rgb: 102 63 46;
  --color-primary-hsl: 18 38% 29%;
}
Geçiş
.gradient-663f2e {
  background: linear-gradient(135deg, #663f2e, #665b2e);
}
Renkli gölge
.shadow-663f2e {
  box-shadow: 0 8px 24px rgb(102 63 46 / 0.35);
}

#6f4e37 Coffee ΔE 5.92 #674c47 Liver ΔE 7.46 #592720 Caput Mortuum ΔE 8.41 #704214 Sepia ΔE 9.19 #635147 Umber ΔE 9.34 #80461b Russet ΔE 9.46 #7c4848 Tuscan Red ΔE 9.90 #99c0d1 Ters renk #494949 Gri tonlama 

Coffee
#663f2e  rgb(102, 63, 46)  hsl(18, 38%, 29%)  Coffee
#2e5566  rgb(46, 85, 102)  hsl(198, 38%, 29%)  Charcoal
#2e663f  rgb(46, 102, 63)  hsl(138, 38%, 29%)  Hunter Green
#3f2e66  rgb(63, 46, 102)  hsl(258, 38%, 29%)  Dark Slate Blue