ColorTool
Giriş yap
#CF652A

#cf652a ≈ Chocolate

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

#cf652a, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %81,18 kırmızı, %39,61 yeşil ve %16,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %51,21 macenta, %79,71 sarı ve %18,82 siyah kullanır. Ton açısı 21,45°, HSL’de doygunluğu %66,27 ve açıklığı %48,82’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 5,55:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Chocolate (#d2691e), ΔE 3,17.

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

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

Tamamlayıcı

  1. #cf652a
  2. #2a94cf

Bölünmüş tamamlayıcı

  1. #cf652a
  2. #2acfb7
  3. #2a42cf

Komşu

  1. #cf2a42
  2. #cf652a
  3. #cfb72a

Üçlü

  1. #cf652a
  2. #2acf65
  3. #652acf

Dörtlü

  1. #cf652a
  2. #94cf2a
  3. #2a94cf
  4. #652acf

Kare

  1. #cf652a
  2. #42cf2a
  3. #2a94cf
  4. #b72acf

Tek renkli

  1. #502710
  2. #8f461d
  3. #cf652a
  4. #e09166
  5. #edbfa5

Koyu tonlar

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

  1. #cf652a
  2. #ba5b26
  3. #a65122
  4. #91471d
  5. #7c3d19
  6. #683315
  7. #532811
  8. #3e1e0d
  9. #291408
  10. #150a04
  11. #000000

Açık tonlar

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

  1. #cf652a
  2. #d4743f
  3. #d98455
  4. #dd936a
  5. #e2a37f
  6. #e7b295
  7. #ecc1aa
  8. #f1d1bf
  9. #f5e0d4
  10. #faf0ea
  11. #ffffff

Tonlar

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

  1. #cf652a
  2. #c76833
  3. #bf6a3b
  4. #b76d44
  5. #af704c
  6. #a87355
  7. #a0755e
  8. #987866
  9. #907b6f
  10. #887d77
  11. #808080

Okunaklı metin 3.79:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #838383 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a7786b Erkeklerin ≈ 0.001% kadarı
Protanopi #837422 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9d8c27 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e34e59 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a76f25 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b37e28 Erkeklerin ≈ 4.63% kadarı
Tritanomali #db584a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cf652a {
  color: #cf652a;
}
Arka plan
.bg-cf652a {
  background-color: #cf652a;
  color: #000000;
}
Kenarlık
.border-cf652a {
  border: 2px solid #cf652a;
}
CSS değişkenleri
:root {
  --color-primary: #cf652a;
  --color-primary-rgb: 207 101 42;
  --color-primary-hsl: 21 66% 49%;
}
Geçiş
.gradient-cf652a {
  background: linear-gradient(135deg, #cf652a, #cfb72a);
}
Renkli gölge
.shadow-cf652a {
  box-shadow: 0 8px 24px rgb(207 101 42 / 0.35);
}

#d2691e Chocolate ΔE 3.17 #cc5500 Burnt Orange ΔE 4.67 #e25822 Flame ΔE 5.05 #ec5800 Persimmon ΔE 5.77 #f94d00 Tangelo ΔE 8.23 #b87333 Copper ΔE 8.32 #cc7722 Ochre ΔE 8.49 #309ad5 Ters renk #838383 Gri tonlama 

Chocolate
#cf652a  rgb(207, 101, 42)  hsl(21, 66%, 49%)  Chocolate
#2a94cf  rgb(42, 148, 207)  hsl(201, 66%, 49%)  Carolina Blue
#2acf65  rgb(42, 207, 101)  hsl(141, 66%, 49%)  Emerald
#652acf  rgb(101, 42, 207)  hsl(261, 66%, 49%)  Han Purple