ColorTool
Giriş yap
#D99E72

#d99e72 ≈ Tumbleweed

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

#d99e72, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %85,1 kırmızı, %61,96 yeşil ve %44,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %27,19 macenta, %47,47 sarı ve %14,9 siyah kullanır. Ton açısı 25,63°, HSL’de doygunluğu %57,54 ve açıklığı %64,9’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 9,08:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Tumbleweed (#deaa88), ΔE 4,17.

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

Tamamlayıcı

  1. #d99e72
  2. #72add9

Bölünmüş tamamlayıcı

  1. #d99e72
  2. #72d9d1
  3. #7279d9

Komşu

  1. #d97279
  2. #d99e72
  3. #d9d172

Üçlü

  1. #d99e72
  2. #72d99e
  3. #9e72d9

Dörtlü

  1. #d99e72
  2. #add972
  3. #72add9
  4. #9e72d9

Kare

  1. #d99e72
  2. #79d972
  3. #72add9
  4. #d172d9

Tek renkli

  1. #8c5226
  2. #c87536
  3. #d99e72
  4. #e9c7ae
  5. #f9f1eb

Koyu tonlar

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

  1. #d99e72
  2. #c38e67
  3. #ae7e5b
  4. #986f50
  5. #825f44
  6. #6d4f39
  7. #573f2e
  8. #412f22
  9. #2b2017
  10. #16100b
  11. #000000

Açık tonlar

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

  1. #d99e72
  2. #dda880
  3. #e1b18e
  4. #e4bb9c
  5. #e8c5aa
  6. #eccfb9
  7. #f0d8c7
  8. #f4e2d5
  9. #f7ece3
  10. #fbf5f1
  11. #ffffff

Tonlar

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

  1. #d99e72
  2. #d09b73
  3. #c79875
  4. #be9576
  5. #b59278
  6. #ad8f79
  7. #a48c7a
  8. #9b897c
  9. #92867d
  10. #89837f
  11. #808080

Okunaklı metin 2.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aaaaaa Erkeklerin ≈ 0.003% kadarı
Akromatomali #bfa697 Erkeklerin ≈ 0.001% kadarı
Protanopi #afa36f Erkeklerin ≈ 1.01% kadarı
Döteranopi #bdb072 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e99293 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c1a170 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c9a972 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e39787 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-d99e72 {
  color: #d99e72;
}
Arka plan
.bg-d99e72 {
  background-color: #d99e72;
  color: #000000;
}
Kenarlık
.border-d99e72 {
  border: 2px solid #d99e72;
}
CSS değişkenleri
:root {
  --color-primary: #d99e72;
  --color-primary-rgb: 217 158 114;
  --color-primary-hsl: 26 58% 65%;
}
Geçiş
.gradient-d99e72 {
  background: linear-gradient(135deg, #d99e72, #d9d172);
}
Renkli gölge
.shadow-d99e72 {
  box-shadow: 0 8px 24px rgb(217 158 114 / 0.35);
}

#deaa88 Tumbleweed ΔE 4.17 #d99058 Persian Orange ΔE 4.74 #e5aa70 Fawn ΔE 4.92 #d68a59 Raw Sienna ΔE 5.94 #f4a460 Sandy Brown ΔE 6.42 #c19a6b Camel ΔE 6.65 #e9967a Dark Salmon ΔE 8.61 #26618d Ters renk #aaaaaa Gri tonlama 

Tumbleweed
#d99e72  rgb(217, 158, 114)  hsl(26, 58%, 65%)  Tumbleweed
#72add9  rgb(114, 173, 217)  hsl(206, 58%, 65%)  Iceberg
#72d99e  rgb(114, 217, 158)  hsl(146, 58%, 65%)  Medium Aquamarine
#9e72d9  rgb(158, 114, 217)  hsl(266, 58%, 65%)  Medium Purple