ColorTool
Giriş yap
#BEAA77

#beaa77 ≈ Ecru

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

#beaa77, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %74,51 kırmızı, %66,67 yeşil ve %46,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %10,53 macenta, %37,37 sarı ve %25,49 siyah kullanır. Ton açısı 43,1°, HSL’de doygunluğu %35,32 ve açıklığı %60,59’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,21:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ecru (#c2b280), ΔE 2,47.

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

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

Tamamlayıcı

  1. #beaa77
  2. #778bbe

Bölünmüş tamamlayıcı

  1. #beaa77
  2. #77afbe
  3. #8777be

Komşu

  1. #be8777
  2. #beaa77
  3. #afbe77

Üçlü

  1. #beaa77
  2. #77beaa
  3. #aa77be

Dörtlü

  1. #beaa77
  2. #8bbe77
  3. #778bbe
  4. #aa77be

Kare

  1. #beaa77
  2. #77be87
  3. #778bbe
  4. #be77af

Tek renkli

  1. #6a5a32
  2. #9d864b
  3. #beaa77
  4. #d7caab
  5. #efebdf

Koyu tonlar

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

  1. #beaa77
  2. #ab996b
  3. #98885f
  4. #857753
  5. #726647
  6. #5f553c
  7. #4c4430
  8. #393324
  9. #262218
  10. #13110c
  11. #000000

Açık tonlar

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

  1. #beaa77
  2. #c5b385
  3. #cbbb92
  4. #d2c4a0
  5. #d8ccad
  6. #dfd5bb
  7. #e5ddc9
  8. #ece6d6
  9. #f2eee4
  10. #f9f7f1
  11. #ffffff

Tonlar

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

  1. #beaa77
  2. #b8a678
  3. #b2a279
  4. #ab9d7a
  5. #a5997b
  6. #9f957c
  7. #99917c
  8. #938d7d
  9. #8c887e
  10. #86847f
  11. #808080

Okunaklı metin 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #b3ab99 Erkeklerin ≈ 0.001% kadarı
Protanopi #b5a873 Erkeklerin ≈ 1.01% kadarı
Döteranopi #baae79 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c9a29d Erkeklerin ≈ 0.0001% kadarı
Protanomali #b9a975 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bcac78 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c5a58f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-beaa77 {
  color: #beaa77;
}
Arka plan
.bg-beaa77 {
  background-color: #beaa77;
  color: #000000;
}
Kenarlık
.border-beaa77 {
  border: 2px solid #beaa77;
}
CSS değişkenleri
:root {
  --color-primary: #beaa77;
  --color-primary-rgb: 190 170 119;
  --color-primary-hsl: 43 35% 61%;
}
Geçiş
.gradient-beaa77 {
  background: linear-gradient(135deg, #beaa77, #afbe77);
}
Renkli gölge
.shadow-beaa77 {
  box-shadow: 0 8px 24px rgb(190 170 119 / 0.35);
}

#c2b280 Ecru ΔE 2.47 #d2b48c Tan ΔE 6.40 #bcb88a Sage ΔE 6.49 #bdb76b Dark Khaki ΔE 7.48 #c19a6b Camel ΔE 7.71 #deb887 Burly Wood ΔE 7.83 #c5b358 Vegas Gold ΔE 7.85 #415588 Ters renk #acacac Gri tonlama 

Ecru
#beaa77  rgb(190, 170, 119)  hsl(43, 35%, 61%)  Ecru
#778bbe  rgb(119, 139, 190)  hsl(223, 35%, 61%)  Glaucous
#77beaa  rgb(119, 190, 170)  hsl(163, 35%, 61%)  Medium Aquamarine
#aa77be  rgb(170, 119, 190)  hsl(283, 35%, 61%)  Purple Mountain Majesty