ColorTool
Giriş yap
#BEA353

#bea353 ≈ Brass

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

#bea353, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %74,51 kırmızı, %63,92 yeşil ve %32,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %14,21 macenta, %56,32 sarı ve %25,49 siyah kullanır. Ton açısı 44,86°, HSL’de doygunluğu %45,15 ve açıklığı %53,53’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 8,55:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Brass (#b5a642), ΔE 4,91.

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

Tamamlayıcı

  1. #bea353
  2. #536ebe

Bölünmüş tamamlayıcı

  1. #bea353
  2. #53a4be
  3. #6e53be

Komşu

  1. #be6e53
  2. #bea353
  3. #a4be53

Üçlü

  1. #bea353
  2. #53bea3
  3. #a353be

Dörtlü

  1. #bea353
  2. #6ebe53
  3. #536ebe
  4. #a353be

Kare

  1. #bea353
  2. #53be6e
  3. #536ebe
  4. #be53a4

Tek renkli

  1. #574921
  2. #8f7836
  3. #bea353
  4. #d3c18b
  5. #e8dec2

Koyu tonlar

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

  1. #bea353
  2. #ab934b
  3. #988242
  4. #85723a
  5. #726232
  6. #5f522a
  7. #4c4121
  8. #393119
  9. #262111
  10. #131008
  11. #000000

Açık tonlar

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

  1. #bea353
  2. #c5ac64
  3. #cbb575
  4. #d2bf87
  5. #d8c898
  6. #dfd1a9
  7. #e5daba
  8. #ece3cb
  9. #f2eddd
  10. #f9f6ee
  11. #ffffff

Tonlar

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

  1. #bea353
  2. #b8a058
  3. #b29c5c
  4. #ab9961
  5. #a59565
  6. #9f926a
  7. #998e6e
  8. #938b73
  9. #8c8777
  10. #86847c
  11. #808080

Okunaklı metin 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0a48c Erkeklerin ≈ 0.001% kadarı
Protanopi #b2a14c Erkeklerin ≈ 1.01% kadarı
Döteranopi #b9a956 Erkeklerin ≈ 1.27% kadarı
Tritanopi #cc9891 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b7a24f Erkeklerin ≈ 1.08% kadarı
Döteranomali #bba655 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c69c7d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#b5a642 Brass ΔE 4.91 #c5b358 Vegas Gold ΔE 5.24 #d4af37 Metallic Gold ΔE 6.64 #cfb53b Old Gold ΔE 7.31 #c2b280 Ecru ΔE 7.67 #bdb76b Dark Khaki ΔE 7.95 #daa520 Goldenrod ΔE 8.60 #415cac Ters renk #a5a5a5 Gri tonlama 

Brass
#bea353  rgb(190, 163, 83)  hsl(45, 45%, 54%)  Brass
#536ebe  rgb(83, 110, 190)  hsl(225, 45%, 54%)  Royal Blue
#53bea3  rgb(83, 190, 163)  hsl(165, 45%, 54%)  Medium Aquamarine
#a353be  rgb(163, 83, 190)  hsl(285, 45%, 54%)  Purpureus