ColorTool
Giriş yap
#4C4530

#4c4530 ≈ Taupe

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

#4c4530, “sarı” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %29,8 kırmızı, %27,06 yeşil ve %18,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %9,21 macenta, %36,84 sarı ve %70,2 siyah kullanır. Ton açısı 45°, HSL’de doygunluğu %22,58 ve açıklığı %24,31’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 9,54:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Taupe (#483c32), ΔE 7,48.

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

Tamamlayıcı

  1. #4c4530
  2. #30374c

Bölünmüş tamamlayıcı

  1. #4c4530
  2. #30454c
  3. #37304c

Komşu

  1. #4c3730
  2. #4c4530
  3. #454c30

Üçlü

  1. #4c4530
  2. #304c45
  3. #45304c

Dörtlü

  1. #4c4530
  2. #374c30
  3. #30374c
  4. #45304c

Kare

  1. #4c4530
  2. #304c37
  3. #30374c
  4. #4c3045

Tek renkli

  1. #0d0b08
  2. #1d1a12
  3. #4c4530
  4. #7b704e
  5. #a59870

Koyu tonlar

#4c4530 kademeli olarak siyahla karıştırıldı.

  1. #4c4530
  2. #443e2b
  3. #3d3726
  4. #353022
  5. #2e291d
  6. #262318
  7. #1e1c13
  8. #17150e
  9. #0f0e0a
  10. #080705
  11. #000000

Açık tonlar

#4c4530 kademeli olarak beyazla karıştırıldı.

  1. #4c4530
  2. #5e5845
  3. #706a59
  4. #827d6e
  5. #948f83
  6. #a6a298
  7. #b7b5ac
  8. #c9c7c1
  9. #dbdad6
  10. #edecea
  11. #ffffff

Tonlar

#4c4530 kademeli olarak griyle karıştırıldı.

  1. #4c4530
  2. #514b38
  3. #565140
  4. #5c5748
  5. #615d50
  6. #666358
  7. #6b6860
  8. #706e68
  9. #767470
  10. #7b7a78
  11. #808080

Okunaklı metin 9.54:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #454545 Erkeklerin ≈ 0.003% kadarı
Akromatomali #48453e Erkeklerin ≈ 0.001% kadarı
Protanopi #4a442f Erkeklerin ≈ 1.01% kadarı
Döteranopi #4b4631 Erkeklerin ≈ 1.27% kadarı
Tritanopi #50423f Erkeklerin ≈ 0.0001% kadarı
Protanomali #4b442f Erkeklerin ≈ 1.08% kadarı
Döteranomali #4c4630 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4f433a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4c4530 {
  color: #4c4530;
}
Arka plan
.bg-4c4530 {
  background-color: #4c4530;
  color: #ffffff;
}
Kenarlık
.border-4c4530 {
  border: 2px solid #4c4530;
}
CSS değişkenleri
:root {
  --color-primary: #4c4530;
  --color-primary-rgb: 76 69 48;
  --color-primary-hsl: 45 23% 24%;
}
Geçiş
.gradient-4c4530 {
  background: linear-gradient(135deg, #4c4530, #454c30);
}
Renkli gölge
.shadow-4c4530 {
  box-shadow: 0 8px 24px rgb(76 69 48 / 0.35);
}

#483c32 Taupe ΔE 7.48 #444c38 Rifle Green ΔE 8.32 #3b3c36 Black Olive ΔE 8.34 #635147 Umber ΔE 10.98 #4b5320 Army Green ΔE 11.43 #555555 Davy's Gray ΔE 11.84 #343434 Jet ΔE 11.98 #b3bacf Ters renk #454545 Gri tonlama 

Taupe
#4c4530  rgb(76, 69, 48)  hsl(45, 23%, 24%)  Taupe
#30374c  rgb(48, 55, 76)  hsl(225, 23%, 24%)  Prussian Blue
#304c45  rgb(48, 76, 69)  hsl(165, 23%, 24%)  Dark Slate Gray
#45304c  rgb(69, 48, 76)  hsl(285, 23%, 24%)  Eggplant