ColorTool
Giriş yap
#DD975E

#dd975e ≈ Persian Orange

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

#dd975e, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %86,67 kırmızı, %59,22 yeşil ve %36,86 maviden oluşur; CMYK baskıda %0 camgöbeği, %31,67 macenta, %57,47 sarı ve %13,33 siyah kullanır. Ton açısı 26,93°, HSL’de doygunluğu %65,13 ve açıklığı %61,76’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 8,66:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 2,02.

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

Tamamlayıcı

  1. #dd975e
  2. #5ea4dd

Bölünmüş tamamlayıcı

  1. #dd975e
  2. #5eddd6
  3. #5e64dd

Komşu

  1. #dd5e64
  2. #dd975e
  3. #ddd65e

Üçlü

  1. #dd975e
  2. #5edd97
  3. #975edd

Dörtlü

  1. #dd975e
  2. #a4dd5e
  3. #5ea4dd
  4. #975edd

Kare

  1. #dd975e
  2. #64dd5e
  3. #5ea4dd
  4. #d65edd

Tek renkli

  1. #864c1c
  2. #c56f2a
  3. #dd975e
  4. #eac09d
  5. #f8e9dc

Koyu tonlar

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

  1. #dd975e
  2. #c78855
  3. #b1794b
  4. #9b6a42
  5. #855b38
  6. #6f4c2f
  7. #583c26
  8. #422d1c
  9. #2c1e13
  10. #160f09
  11. #000000

Açık tonlar

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

  1. #dd975e
  2. #e0a16e
  3. #e4ac7e
  4. #e7b68e
  5. #ebc19e
  6. #eecbaf
  7. #f1d5bf
  8. #f5e0cf
  9. #f8eadf
  10. #fcf5ef
  11. #ffffff

Tonlar

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

  1. #dd975e
  2. #d49561
  3. #ca9265
  4. #c19068
  5. #b88e6c
  6. #af8c6f
  7. #a58972
  8. #9c8776
  9. #938579
  10. #89827d
  11. #808080

Okunaklı metin 2.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.66:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a6a6a6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bfa08f Erkeklerin ≈ 0.001% kadarı
Protanopi #ac9d59 Erkeklerin ≈ 1.01% kadarı
Döteranopi #bdad5f Erkeklerin ≈ 1.27% kadarı
Tritanopi #ef8889 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c29b5b Erkeklerin ≈ 1.08% kadarı
Döteranomali #caa45e Erkeklerin ≈ 4.63% kadarı
Tritanomali #e88e7a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d99058 Persian Orange ΔE 2.02 #d68a59 Raw Sienna ΔE 4.47 #f4a460 Sandy Brown ΔE 4.88 #e5aa70 Fawn ΔE 5.42 #cd853f Peru ΔE 6.04 #ed872d Cadmium Orange ΔE 7.08 #deaa88 Tumbleweed ΔE 7.55 #2268a1 Ters renk #a6a6a6 Gri tonlama 

Persian Orange
#dd975e  rgb(221, 151, 94)  hsl(27, 65%, 62%)  Persian Orange
#5ea4dd  rgb(94, 164, 221)  hsl(207, 65%, 62%)  Carolina Blue
#5edd97  rgb(94, 221, 151)  hsl(147, 65%, 62%)  Emerald
#975edd  rgb(151, 94, 221)  hsl(267, 65%, 62%)  Amethyst