ColorTool
Giriş yap
#DFB156

#dfb156 ≈ Meat Brown

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

#dfb156, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,45 kırmızı, %69,41 yeşil ve %33,73 maviden oluşur; CMYK baskıda %0 camgöbeği, %20,63 macenta, %61,43 sarı ve %12,55 siyah kullanır. Ton açısı 39,85°, HSL’de doygunluğu %68,16 ve açıklığı %60,59’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 10,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Meat Brown (#e5b73b), ΔE 4,51.

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

Tamamlayıcı

  1. #dfb156
  2. #5684df

Bölünmüş tamamlayıcı

  1. #dfb156
  2. #56c9df
  3. #6c56df

Komşu

  1. #df6c56
  2. #dfb156
  3. #c9df56

Üçlü

  1. #dfb156
  2. #56dfb1
  3. #b156df

Dörtlü

  1. #dfb156
  2. #84df56
  3. #5684df
  4. #b156df

Kare

  1. #dfb156
  2. #56df6c
  3. #5684df
  4. #df56c9

Tek renkli

  1. #835f19
  2. #c38e25
  3. #dfb156
  4. #ebcf96
  5. #f7ecd7

Koyu tonlar

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

  1. #dfb156
  2. #c99f4d
  3. #b28e45
  4. #9c7c3c
  5. #866a34
  6. #70592b
  7. #594722
  8. #43351a
  9. #2d2311
  10. #161209
  11. #000000

Açık tonlar

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

  1. #dfb156
  2. #e2b967
  3. #e5c178
  4. #e9c889
  5. #ecd09a
  6. #efd8ab
  7. #f2e0bb
  8. #f5e8cc
  9. #f9efdd
  10. #fcf7ee
  11. #ffffff

Tonlar

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

  1. #dfb156
  2. #d6ac5a
  3. #cca75e
  4. #c3a263
  5. #b99d67
  6. #b0996b
  7. #a6946f
  8. #9d8f73
  9. #938a78
  10. #8a857c
  11. #808080

Okunaklı metin 1.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b8b8b8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c9b59a Erkeklerin ≈ 0.001% kadarı
Protanopi #c5b14d Erkeklerin ≈ 1.01% kadarı
Döteranopi #d0bd59 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f1a39d Erkeklerin ≈ 0.0001% kadarı
Protanomali #d0b151 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d6b858 Erkeklerin ≈ 4.63% kadarı
Tritanomali #eaa986 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-dfb156 {
  color: #dfb156;
}
Arka plan
.bg-dfb156 {
  background-color: #dfb156;
  color: #000000;
}
Kenarlık
.border-dfb156 {
  border: 2px solid #dfb156;
}
CSS değişkenleri
:root {
  --color-primary: #dfb156;
  --color-primary-rgb: 223 177 86;
  --color-primary-hsl: 40 68% 61%;
}
Geçiş
.gradient-dfb156 {
  background: linear-gradient(135deg, #dfb156, #c9df56);
}
Renkli gölge
.shadow-dfb156 {
  box-shadow: 0 8px 24px rgb(223 177 86 / 0.35);
}

#e5b73b Meat Brown ΔE 4.51 #e3a857 Indian Yellow ΔE 4.94 #d4af37 Metallic Gold ΔE 5.21 #daa520 Goldenrod ΔE 5.39 #eaa221 Marigold ΔE 7.11 #ffb347 Pastel Orange ΔE 7.44 #ffc87c Topaz ΔE 7.62 #204ea9 Ters renk #b8b8b8 Gri tonlama 

Meat Brown
#dfb156  rgb(223, 177, 86)  hsl(40, 68%, 61%)  Meat Brown
#5684df  rgb(86, 132, 223)  hsl(220, 68%, 61%)  Glaucous
#56dfb1  rgb(86, 223, 177)  hsl(160, 68%, 61%)  Medium Aquamarine
#b156df  rgb(177, 86, 223)  hsl(280, 68%, 61%)  Medium Orchid