ColorTool
Giriş yap
#CA8A55

#ca8a55 ≈ Persian Orange

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

#ca8a55, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %79,22 kırmızı, %54,12 yeşil ve %33,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %31,68 macenta, %57,92 sarı ve %20,78 siyah kullanır. Ton açısı 27,18°, HSL’de doygunluğu %52,47 ve açıklığı %56,27’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,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 3,18.

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

Tamamlayıcı

  1. #ca8a55
  2. #5595ca

Bölünmüş tamamlayıcı

  1. #ca8a55
  2. #55cac4
  3. #555aca

Komşu

  1. #ca555a
  2. #ca8a55
  3. #cac455

Üçlü

  1. #ca8a55
  2. #55ca8a
  3. #8a55ca

Dörtlü

  1. #ca8a55
  2. #95ca55
  3. #5595ca
  4. #8a55ca

Kare

  1. #ca8a55
  2. #5aca55
  3. #5595ca
  4. #c455ca

Tek renkli

  1. #664020
  2. #a06432
  3. #ca8a55
  4. #dcb28f
  5. #eedaca

Koyu tonlar

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

  1. #ca8a55
  2. #b67c4d
  3. #a26e44
  4. #8d613c
  5. #795333
  6. #65452b
  7. #513722
  8. #3d291a
  9. #281c11
  10. #140e09
  11. #000000

Açık tonlar

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

  1. #ca8a55
  2. #cf9666
  3. #d5a177
  4. #daad88
  5. #dfb999
  6. #e5c5aa
  7. #ead0bb
  8. #efdccc
  9. #f4e8dd
  10. #faf3ee
  11. #ffffff

Tonlar

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

  1. #ca8a55
  2. #c38959
  3. #bb885e
  4. #b48762
  5. #ac8666
  6. #a5856b
  7. #9e846f
  8. #968373
  9. #8f8277
  10. #87817c
  11. #808080

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

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ae9382 Erkeklerin ≈ 0.001% kadarı
Protanopi #9d8f50 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ac9e56 Erkeklerin ≈ 1.27% kadarı
Tritanopi #db7d7d Erkeklerin ≈ 0.0001% kadarı
Protanomali #b18d52 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b99655 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d4826f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d99058 Persian Orange ΔE 3.18 #d68a59 Raw Sienna ΔE 3.62 #cd853f Peru ΔE 3.62 #cd7f32 Bronze ΔE 5.29 #c19a6b Camel ΔE 7.30 #cc7722 Ochre ΔE 7.37 #b87333 Copper ΔE 7.69 #3575aa Ters renk #989898 Gri tonlama 

Persian Orange
#ca8a55  rgb(202, 138, 85)  hsl(27, 52%, 56%)  Persian Orange
#5595ca  rgb(85, 149, 202)  hsl(207, 52%, 56%)  Carolina Blue
#55ca8a  rgb(85, 202, 138)  hsl(147, 52%, 56%)  Emerald
#8a55ca  rgb(138, 85, 202)  hsl(267, 52%, 56%)  Amethyst