ColorTool
Giriş yap
#B2A080

#b2a080 ≈ Ecru

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

#b2a080, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %69,8 kırmızı, %62,75 yeşil ve %50,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %10,11 macenta, %28,09 sarı ve %30,2 siyah kullanır. Ton açısı 38,4°, HSL’de doygunluğu %24,51 ve açıklığı %60’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,23:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ecru (#c2b280), ΔE 7,12.

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

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

Tamamlayıcı

  1. #b2a080
  2. #8092b2

Bölünmüş tamamlayıcı

  1. #b2a080
  2. #80abb2
  3. #8780b2

Komşu

  1. #b28780
  2. #b2a080
  3. #abb280

Üçlü

  1. #b2a080
  2. #80b2a0
  3. #a080b2

Dörtlü

  1. #b2a080
  2. #92b280
  3. #8092b2
  4. #a080b2

Kare

  1. #b2a080
  2. #80b287
  3. #8092b2
  4. #b280ab

Tek renkli

  1. #5f523a
  2. #8f7b57
  3. #b2a080
  4. #cfc4b0
  5. #ece7df

Koyu tonlar

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

  1. #b2a080
  2. #a09073
  3. #8e8066
  4. #7d705a
  5. #6b604d
  6. #595040
  7. #474033
  8. #353026
  9. #24201a
  10. #12100d
  11. #000000

Açık tonlar

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

  1. #b2a080
  2. #baaa8d
  3. #c1b399
  4. #c9bda6
  5. #d1c6b3
  6. #d9d0c0
  7. #e0d9cc
  8. #e8e3d9
  9. #f0ece6
  10. #f7f6f2
  11. #ffffff

Tonlar

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

  1. #b2a080
  2. #ad9d80
  3. #a89a80
  4. #a39680
  5. #9e9380
  6. #999080
  7. #948d80
  8. #8f8a80
  9. #8a8680
  10. #858380
  11. #808080

Okunaklı metin 2.55:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.23:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a2a2a2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a9a196 Erkeklerin ≈ 0.001% kadarı
Protanopi #a89f7e Erkeklerin ≈ 1.01% kadarı
Döteranopi #ada481 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ba9a97 Erkeklerin ≈ 0.0001% kadarı
Protanomali #aca07f Erkeklerin ≈ 1.08% kadarı
Döteranomali #afa281 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b79d8f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-b2a080 {
  color: #b2a080;
}
Arka plan
.bg-b2a080 {
  background-color: #b2a080;
  color: #000000;
}
Kenarlık
.border-b2a080 {
  border: 2px solid #b2a080;
}
CSS değişkenleri
:root {
  --color-primary: #b2a080;
  --color-primary-rgb: 178 160 128;
  --color-primary-hsl: 38 25% 60%;
}
Geçiş
.gradient-b2a080 {
  background: linear-gradient(135deg, #b2a080, #abb280);
}
Renkli gölge
.shadow-b2a080 {
  box-shadow: 0 8px 24px rgb(178 160 128 / 0.35);
}

#c2b280 Ecru ΔE 7.12 #c19a6b Camel ΔE 7.24 #d2b48c Tan ΔE 7.56 #bcb88a Sage ΔE 9.58 #deb887 Burly Wood ΔE 10.22 #deaa88 Tumbleweed ΔE 12.44 #bdb76b Dark Khaki ΔE 12.50 #4d5f7f Ters renk #a2a2a2 Gri tonlama 

Ecru
#b2a080  rgb(178, 160, 128)  hsl(38, 25%, 60%)  Ecru
#8092b2  rgb(128, 146, 178)  hsl(218, 25%, 60%)  Cool Gray
#80b2a0  rgb(128, 178, 160)  hsl(158, 25%, 60%)  Dark Sea Green
#a080b2  rgb(160, 128, 178)  hsl(278, 25%, 60%)  Purple Mountain Majesty