ColorTool
Giriş yap
#A8957F

#a8957f ≈ Beaver

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

#a8957f, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %65,88 kırmızı, %58,43 yeşil ve %49,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %11,31 macenta, %24,4 sarı ve %34,12 siyah kullanır. Ton açısı 32,2°, HSL’de doygunluğu %19,07 ve açıklığı %57,84’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 7,27:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 8,48.

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

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

Tamamlayıcı

  1. #a8957f
  2. #7f92a8

Bölünmüş tamamlayıcı

  1. #a8957f
  2. #7fa6a8
  3. #807fa8

Komşu

  1. #a8807f
  2. #a8957f
  3. #a6a87f

Üçlü

  1. #a8957f
  2. #7fa895
  3. #957fa8

Dörtlü

  1. #a8957f
  2. #92a87f
  3. #7f92a8
  4. #957fa8

Kare

  1. #a8957f
  2. #7fa880
  3. #7f92a8
  4. #a87fa6

Tek renkli

  1. #554839
  2. #826f58
  3. #a8957f
  4. #c7bbad
  5. #e6e0da

Koyu tonlar

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

  1. #a8957f
  2. #978672
  3. #867766
  4. #766859
  5. #65594c
  6. #544b40
  7. #433c33
  8. #322d26
  9. #221e19
  10. #110f0d
  11. #000000

Açık tonlar

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

  1. #a8957f
  2. #b1a08c
  3. #b9aa99
  4. #c2b5a5
  5. #cbbfb2
  6. #d4cabf
  7. #dcd5cc
  8. #e5dfd9
  9. #eeeae5
  10. #f6f4f2
  11. #ffffff

Tonlar

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

  1. #a8957f
  2. #a4937f
  3. #a0917f
  4. #9c8f7f
  5. #988d7f
  6. #948b80
  7. #908880
  8. #8c8680
  9. #888480
  10. #848280
  11. #808080

Okunaklı metin 2.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9f978f Erkeklerin ≈ 0.001% kadarı
Protanopi #9c957e Erkeklerin ≈ 1.01% kadarı
Döteranopi #a19a7f Erkeklerin ≈ 1.27% kadarı
Tritanopi #af908f Erkeklerin ≈ 0.0001% kadarı
Protanomali #a1957e Erkeklerin ≈ 1.08% kadarı
Döteranomali #a4987f Erkeklerin ≈ 4.63% kadarı
Tritanomali #ac9289 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a8957f {
  color: #a8957f;
}
Arka plan
.bg-a8957f {
  background-color: #a8957f;
  color: #000000;
}
Kenarlık
.border-a8957f {
  border: 2px solid #a8957f;
}
CSS değişkenleri
:root {
  --color-primary: #a8957f;
  --color-primary-rgb: 168 149 127;
  --color-primary-hsl: 32 19% 58%;
}
Geçiş
.gradient-a8957f {
  background: linear-gradient(135deg, #a8957f, #a6a87f);
}
Renkli gölge
.shadow-a8957f {
  box-shadow: 0 8px 24px rgb(168 149 127 / 0.35);
}

#9f8170 Beaver ΔE 8.48 #c19a6b Camel ΔE 8.76 #a67b5b Cafe au Lait ΔE 10.99 #d2b48c Tan ΔE 11.01 #c2b280 Ecru ΔE 12.15 #a9a9a9 Dark Gray ΔE 12.44 #a9a9a9 Dark Grey ΔE 12.44 #576a80 Ters renk #989898 Gri tonlama 

Beaver
#a8957f  rgb(168, 149, 127)  hsl(32, 19%, 58%)  Beaver
#7f92a8  rgb(127, 146, 168)  hsl(212, 19%, 58%)  Light Slate Gray
#7fa895  rgb(127, 168, 149)  hsl(152, 19%, 58%)  Dark Sea Green
#957fa8  rgb(149, 127, 168)  hsl(272, 19%, 58%)  Purple Mountain Majesty