ColorTool
Giriş yap
#AD8A63

#ad8a63 ≈ Camel

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

#ad8a63, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,84 kırmızı, %54,12 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %20,23 macenta, %42,77 sarı ve %32,16 siyah kullanır. Ton açısı 31,62°, HSL’de doygunluğu %31,09 ve açıklığı %53,33’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,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Camel (#c19a6b), ΔE 5,65.

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

Tamamlayıcı

  1. #ad8a63
  2. #6386ad

Bölünmüş tamamlayıcı

  1. #ad8a63
  2. #63abad
  3. #6563ad

Komşu

  1. #ad6563
  2. #ad8a63
  3. #abad63

Üçlü

  1. #ad8a63
  2. #63ad8a
  3. #8a63ad

Dörtlü

  1. #ad8a63
  2. #86ad63
  3. #6386ad
  4. #8a63ad

Kare

  1. #ad8a63
  2. #63ad65
  3. #6386ad
  4. #ad63ab

Tek renkli

  1. #4e3c29
  2. #806343
  3. #ad8a63
  4. #c7b095
  5. #e2d5c7

Koyu tonlar

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

  1. #ad8a63
  2. #9c7c59
  3. #8a6e4f
  4. #796145
  5. #68533b
  6. #574532
  7. #453728
  8. #34291e
  9. #231c14
  10. #110e0a
  11. #000000

Açık tonlar

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

  1. #ad8a63
  2. #b59673
  3. #bda182
  4. #c6ad92
  5. #ceb9a1
  6. #d6c5b1
  7. #ded0c1
  8. #e6dcd0
  9. #efe8e0
  10. #f7f3ef
  11. #ffffff

Tonlar

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

  1. #ad8a63
  2. #a98966
  3. #a48869
  4. #a0876c
  5. #9b866f
  6. #978572
  7. #928474
  8. #8e8377
  9. #89827a
  10. #85817d
  11. #808080

Okunaklı metin 3.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #909090 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9d8e80 Erkeklerin ≈ 0.001% kadarı
Protanopi #968b60 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9e9364 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b98280 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a08b61 Erkeklerin ≈ 1.08% kadarı
Döteranomali #a49063 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b48575 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ad8a63 {
  color: #ad8a63;
}
Arka plan
.bg-ad8a63 {
  background-color: #ad8a63;
  color: #000000;
}
Kenarlık
.border-ad8a63 {
  border: 2px solid #ad8a63;
}
CSS değişkenleri
:root {
  --color-primary: #ad8a63;
  --color-primary-rgb: 173 138 99;
  --color-primary-hsl: 32 31% 53%;
}
Geçiş
.gradient-ad8a63 {
  background: linear-gradient(135deg, #ad8a63, #abad63);
}
Renkli gölge
.shadow-ad8a63 {
  box-shadow: 0 8px 24px rgb(173 138 99 / 0.35);
}

#c19a6b Camel ΔE 5.65 #a67b5b Cafe au Lait ΔE 6.13 #9f8170 Beaver ΔE 8.33 #cd853f Peru ΔE 9.85 #d99058 Persian Orange ΔE 10.43 #b87333 Copper ΔE 10.48 #d68a59 Raw Sienna ΔE 10.61 #52759c Ters renk #909090 Gri tonlama 

Camel
#ad8a63  rgb(173, 138, 99)  hsl(32, 31%, 53%)  Camel
#6386ad  rgb(99, 134, 173)  hsl(212, 31%, 53%)  Glaucous
#63ad8a  rgb(99, 173, 138)  hsl(152, 31%, 53%)  Mint
#8a63ad  rgb(138, 99, 173)  hsl(272, 31%, 53%)  Amethyst