ColorTool
Giriş yap
#CA9366

#ca9366 ≈ Persian Orange

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

#ca9366, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %79,22 kırmızı, %57,65 yeşil ve %40 maviden oluşur; CMYK baskıda %0 camgöbeği, %27,23 macenta, %49,5 sarı ve %20,78 siyah kullanır. Ton açısı 27°, HSL’de doygunluğu %48,54 ve açıklığı %59,61’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,88:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 4,13.

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

Tamamlayıcı

  1. #ca9366
  2. #669dca

Bölünmüş tamamlayıcı

  1. #ca9366
  2. #66cac5
  3. #666bca

Komşu

  1. #ca666b
  2. #ca9366
  3. #cac566

Üçlü

  1. #ca9366
  2. #66ca93
  3. #9366ca

Dörtlü

  1. #ca9366
  2. #9dca66
  3. #669dca
  4. #9366ca

Kare

  1. #ca9366
  2. #6bca66
  3. #669dca
  4. #c566ca

Tek renkli

  1. #704827
  2. #a96c3b
  3. #ca9366
  4. #debb9f
  5. #f1e3d8

Koyu tonlar

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

  1. #ca9366
  2. #b6845c
  3. #a27652
  4. #8d6747
  5. #79583d
  6. #654a33
  7. #513b29
  8. #3d2c1f
  9. #281d14
  10. #140f0a
  11. #000000

Açık tonlar

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

  1. #ca9366
  2. #cf9e75
  3. #d5a985
  4. #dab394
  5. #dfbea3
  6. #e5c9b3
  7. #ead4c2
  8. #efdfd1
  9. #f4e9e0
  10. #faf4f0
  11. #ffffff

Tonlar

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

  1. #ca9366
  2. #c39169
  3. #bb8f6b
  4. #b48d6e
  5. #ac8b70
  6. #a58a73
  7. #9e8876
  8. #968678
  9. #8f847b
  10. #87827d
  11. #808080

Okunaklı metin 2.67:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9e9e9e Erkeklerin ≈ 0.003% kadarı
Akromatomali #b29a8b Erkeklerin ≈ 0.001% kadarı
Protanopi #a49762 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b1a367 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d98888 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b49664 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bb9d66 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d38c7c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d99058 Persian Orange ΔE 4.13 #d68a59 Raw Sienna ΔE 4.89 #c19a6b Camel ΔE 5.07 #cd853f Peru ΔE 6.50 #deaa88 Tumbleweed ΔE 7.30 #e5aa70 Fawn ΔE 7.36 #cd7f32 Bronze ΔE 8.35 #356c99 Ters renk #9e9e9e Gri tonlama 

Persian Orange
#ca9366  rgb(202, 147, 102)  hsl(27, 49%, 60%)  Persian Orange
#669dca  rgb(102, 157, 202)  hsl(207, 49%, 60%)  Carolina Blue
#66ca93  rgb(102, 202, 147)  hsl(147, 49%, 60%)  Emerald
#9366ca  rgb(147, 102, 202)  hsl(267, 49%, 60%)  Amethyst