ColorTool
Giriş yap
#AF8A6F

#af8a6f ≈ Beaver

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

#af8a6f, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %68,63 kırmızı, %54,12 yeşil ve %43,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %21,14 macenta, %36,57 sarı ve %31,37 siyah kullanır. Ton açısı 25,31°, HSL’de doygunluğu %28,57 ve açıklığı %56,08’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 6,69:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Beaver (#9f8170), ΔE 5,14.

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

Tamamlayıcı

  1. #af8a6f
  2. #6f94af

Bölünmüş tamamlayıcı

  1. #af8a6f
  2. #6fafaa
  3. #6f74af

Komşu

  1. #af6f74
  2. #af8a6f
  3. #afaa6f

Üçlü

  1. #af8a6f
  2. #6faf8a
  3. #8a6faf

Dörtlü

  1. #af8a6f
  2. #94af6f
  3. #6f94af
  4. #8a6faf

Kare

  1. #af8a6f
  2. #74af6f
  3. #6f94af
  4. #aa6faf

Tek renkli

  1. #564030
  2. #87644b
  3. #af8a6f
  4. #cab2a0
  5. #e6dad1

Koyu tonlar

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

  1. #af8a6f
  2. #9e7c64
  3. #8c6e59
  4. #7b614e
  5. #695343
  6. #584538
  7. #46372c
  8. #352921
  9. #231c16
  10. #120e0b
  11. #000000

Açık tonlar

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

  1. #af8a6f
  2. #b7967d
  3. #bfa18c
  4. #c7ad9a
  5. #cfb9a9
  6. #d7c5b7
  7. #dfd0c5
  8. #e7dcd4
  9. #efe8e2
  10. #f7f3f1
  11. #ffffff

Tonlar

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

  1. #af8a6f
  2. #aa8971
  3. #a68872
  4. #a18774
  5. #9c8676
  6. #988578
  7. #938479
  8. #8e837b
  9. #89827d
  10. #85817e
  11. #808080

Okunaklı metin 3.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.69:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #919191 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9e8e85 Erkeklerin ≈ 0.001% kadarı
Protanopi #958d6d Erkeklerin ≈ 1.01% kadarı
Döteranopi #9e956f Erkeklerin ≈ 1.27% kadarı
Tritanopi #ba8383 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a08c6e Erkeklerin ≈ 1.08% kadarı
Döteranomali #a5906f Erkeklerin ≈ 4.63% kadarı
Tritanomali #b6867b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af8a6f {
  color: #af8a6f;
}
Arka plan
.bg-af8a6f {
  background-color: #af8a6f;
  color: #000000;
}
Kenarlık
.border-af8a6f {
  border: 2px solid #af8a6f;
}
CSS değişkenleri
:root {
  --color-primary: #af8a6f;
  --color-primary-rgb: 175 138 111;
  --color-primary-hsl: 25 29% 56%;
}
Geçiş
.gradient-af8a6f {
  background: linear-gradient(135deg, #af8a6f, #afaa6f);
}
Renkli gölge
.shadow-af8a6f {
  box-shadow: 0 8px 24px rgb(175 138 111 / 0.35);
}

#9f8170 Beaver ΔE 5.14 #a67b5b Cafe au Lait ΔE 5.25 #c19a6b Camel ΔE 7.90 #d68a59 Raw Sienna ΔE 9.95 #d99058 Persian Orange ΔE 10.64 #deaa88 Tumbleweed ΔE 11.20 #cd853f Peru ΔE 11.41 #507590 Ters renk #919191 Gri tonlama 

Beaver
#af8a6f  rgb(175, 138, 111)  hsl(25, 29%, 56%)  Beaver
#6f94af  rgb(111, 148, 175)  hsl(205, 29%, 56%)  Air Force Blue
#6faf8a  rgb(111, 175, 138)  hsl(145, 29%, 56%)  Mint
#8a6faf  rgb(138, 111, 175)  hsl(265, 29%, 56%)  Purple Mountain Majesty