ColorTool
Giriş yap
#DD7B39

#dd7b39 ≈ Chocolate

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

#dd7b39, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %86,67 kırmızı, %48,24 yeşil ve %22,35 maviden oluşur; CMYK baskıda %0 camgöbeği, %44,34 macenta, %74,21 sarı ve %13,33 siyah kullanır. Ton açısı 24,15°, HSL’de doygunluğu %70,69 ve açıklığı %54,51’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,97:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Chocolate (#d2691e), ΔE 5,25.

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

Tamamlayıcı

  1. #dd7b39
  2. #399bdd

Bölünmüş tamamlayıcı

  1. #dd7b39
  2. #39ddcd
  3. #3949dd

Komşu

  1. #dd3949
  2. #dd7b39
  3. #ddcd39

Üçlü

  1. #dd7b39
  2. #39dd7b
  3. #7b39dd

Dörtlü

  1. #dd7b39
  2. #9bdd39
  3. #399bdd
  4. #7b39dd

Kare

  1. #dd7b39
  2. #49dd39
  3. #399bdd
  4. #cd39dd

Tek renkli

  1. #6b3612
  2. #ac571e
  3. #dd7b39
  4. #e8a77a
  5. #f3d2bc

Koyu tonlar

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

  1. #dd7b39
  2. #c76f33
  3. #b1622e
  4. #9b5628
  5. #854a22
  6. #6f3e1d
  7. #583117
  8. #422511
  9. #2c190b
  10. #160c06
  11. #000000

Açık tonlar

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

  1. #dd7b39
  2. #e0884d
  3. #e49561
  4. #e7a374
  5. #ebb088
  6. #eebd9c
  7. #f1cab0
  8. #f5d7c4
  9. #f8e5d7
  10. #fcf2eb
  11. #ffffff

Tonlar

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

  1. #dd7b39
  2. #d47c40
  3. #ca7c47
  4. #c17d4e
  5. #b87d55
  6. #af7e5d
  7. #a57e64
  8. #9c7f6b
  9. #937f72
  10. #898079
  11. #808080

Okunaklı metin 3.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #949494 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b68b7a Erkeklerin ≈ 0.001% kadarı
Protanopi #978731 Erkeklerin ≈ 1.01% kadarı
Döteranopi #af9d38 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f2666d Erkeklerin ≈ 0.0001% kadarı
Protanomali #b78234 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c39138 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ea6f5c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-dd7b39 {
  color: #dd7b39;
}
Arka plan
.bg-dd7b39 {
  background-color: #dd7b39;
  color: #000000;
}
Kenarlık
.border-dd7b39 {
  border: 2px solid #dd7b39;
}
CSS değişkenleri
:root {
  --color-primary: #dd7b39;
  --color-primary-rgb: 221 123 57;
  --color-primary-hsl: 24 71% 55%;
}
Geçiş
.gradient-dd7b39 {
  background: linear-gradient(135deg, #dd7b39, #ddcd39);
}
Renkli gölge
.shadow-dd7b39 {
  box-shadow: 0 8px 24px rgb(221 123 57 / 0.35);
}

#d2691e Chocolate ΔE 5.25 #d68a59 Raw Sienna ΔE 5.27 #ed872d Cadmium Orange ΔE 5.61 #cd7f32 Bronze ΔE 5.71 #cc7722 Ochre ΔE 5.80 #cd853f Peru ΔE 6.22 #d99058 Persian Orange ΔE 6.35 #2284c6 Ters renk #949494 Gri tonlama 

Chocolate
#dd7b39  rgb(221, 123, 57)  hsl(24, 71%, 55%)  Chocolate
#399bdd  rgb(57, 155, 221)  hsl(204, 71%, 55%)  Carolina Blue
#39dd7b  rgb(57, 221, 123)  hsl(144, 71%, 55%)  Pastel Green
#7b39dd  rgb(123, 57, 221)  hsl(264, 71%, 55%)  Blue Violet