ColorTool
Giriş yap
#332C22

#332c22 ≈ Taupe

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

#332c22, “kahverengi” ailesinden bir renktir; açıklığı çok düşük, doygunluğu düşük. RGB modelinde %20 kırmızı, %17,25 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %13,73 macenta, %33,33 sarı ve %80 siyah kullanır. Ton açısı 35,29°, HSL’de doygunluğu %20 ve açıklığı %16,67’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 kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 13,78:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Taupe (#483c32), ΔE 6,24.

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

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

Tamamlayıcı

  1. #332c22
  2. #222933

Bölünmüş tamamlayıcı

  1. #332c22
  2. #223233
  3. #242233

Komşu

  1. #332422
  2. #332c22
  3. #323322

Üçlü

  1. #332c22
  2. #22332c
  3. #2c2233

Dörtlü

  1. #332c22
  2. #293322
  3. #222933
  4. #2c2233

Kare

  1. #332c22
  2. #223324
  3. #222933
  4. #332232

Tek renkli

  1. #0c0b08
  2. #0c0b08
  3. #332c22
  4. #615441
  5. #8f7b5f

Koyu tonlar

#332c22 kademeli olarak siyahla karıştırıldı.

  1. #332c22
  2. #2e281f
  3. #29231b
  4. #241f18
  5. #1f1a14
  6. #1a1611
  7. #14120e
  8. #0f0d0a
  9. #0a0907
  10. #050403
  11. #000000

Açık tonlar

#332c22 kademeli olarak beyazla karıştırıldı.

  1. #332c22
  2. #474138
  3. #5c564e
  4. #706b64
  5. #85807a
  6. #999691
  7. #adaba7
  8. #c2c0bd
  9. #d6d5d3
  10. #ebeae9
  11. #ffffff

Tonlar

#332c22 kademeli olarak griyle karıştırıldı.

  1. #332c22
  2. #3b342b
  3. #423d35
  4. #4a453e
  5. #524e48
  6. #5a5651
  7. #615e5a
  8. #696764
  9. #716f6d
  10. #787877
  11. #808080

Okunaklı metin 13.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #2d2d2d Erkeklerin ≈ 0.003% kadarı
Akromatomali #2f2d29 Erkeklerin ≈ 0.001% kadarı
Protanopi #2f2c21 Erkeklerin ≈ 1.01% kadarı
Döteranopi #312e22 Erkeklerin ≈ 1.27% kadarı
Tritanopi #362a29 Erkeklerin ≈ 0.0001% kadarı
Protanomali #312c22 Erkeklerin ≈ 1.08% kadarı
Döteranomali #322d22 Erkeklerin ≈ 4.63% kadarı
Tritanomali #352b27 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-332c22 {
  color: #332c22;
}
Arka plan
.bg-332c22 {
  background-color: #332c22;
  color: #ffffff;
}
Kenarlık
.border-332c22 {
  border: 2px solid #332c22;
}
CSS değişkenleri
:root {
  --color-primary: #332c22;
  --color-primary-rgb: 51 44 34;
  --color-primary-hsl: 35 20% 17%;
}
Geçiş
.gradient-332c22 {
  background: linear-gradient(135deg, #332c22, #323322);
}
Renkli gölge
.shadow-332c22 {
  box-shadow: 0 8px 24px rgb(51 44 34 / 0.35);
}

#483c32 Taupe ΔE 6.24 #3d2b1f Bistre ΔE 6.43 #343434 Jet ΔE 7.08 #3b3c36 Black Olive ΔE 7.13 #353839 Onyx ΔE 8.86 #1a1110 Licorice ΔE 10.25 #100c08 Smoky Black ΔE 10.54 #ccd3dd Ters renk #2d2d2d Gri tonlama 

Taupe
#332c22  rgb(51, 44, 34)  hsl(35, 20%, 17%)  Taupe
#222933  rgb(34, 41, 51)  hsl(215, 20%, 17%)  Gunmetal
#22332c  rgb(34, 51, 44)  hsl(155, 20%, 17%)  Phthalo Green
#2c2233  rgb(44, 34, 51)  hsl(275, 20%, 17%)  Licorice