ColorTool
Giriş yap
#DFBF87

#dfbf87 ≈ Burly Wood

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

#dfbf87, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %87,45 kırmızı, %74,9 yeşil ve %52,94 maviden oluşur; CMYK baskıda %0 camgöbeği, %14,35 macenta, %39,46 sarı ve %12,55 siyah kullanır. Ton açısı 38,18°, HSL’de doygunluğu %57,89 ve açıklığı %70,2’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 11,94:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Burly Wood (#deb887), ΔE 3,35.

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

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

Tamamlayıcı

  1. #dfbf87
  2. #87a7df

Bölünmüş tamamlayıcı

  1. #dfbf87
  2. #87d3df
  3. #9387df

Komşu

  1. #df9387
  2. #dfbf87
  3. #d3df87

Üçlü

  1. #dfbf87
  2. #87dfbf
  3. #bf87df

Dörtlü

  1. #dfbf87
  2. #a7df87
  3. #87a7df
  4. #bf87df

Kare

  1. #dfbf87
  2. #87df93
  3. #87a7df
  4. #df87d3

Tek renkli

  1. #a2772b
  2. #cf9f4b
  3. #dfbf87
  4. #efdfc3
  5. #fbf6ef

Koyu tonlar

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

  1. #dfbf87
  2. #c9ac7a
  3. #b2996c
  4. #9c865f
  5. #867351
  6. #706044
  7. #594c36
  8. #433929
  9. #2d261b
  10. #16130e
  11. #000000

Açık tonlar

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

  1. #dfbf87
  2. #e2c593
  3. #e5cc9f
  4. #e9d2ab
  5. #ecd9b7
  6. #efdfc3
  7. #f2e5cf
  8. #f5ecdb
  9. #f9f2e7
  10. #fcf9f3
  11. #ffffff

Tonlar

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

  1. #dfbf87
  2. #d6b986
  3. #ccb286
  4. #c3ac85
  5. #b9a684
  6. #b0a084
  7. #a69983
  8. #9d9382
  9. #938d81
  10. #8a8681
  11. #808080

Okunaklı metin 1.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c3c3c3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cfc2ae Erkeklerin ≈ 0.001% kadarı
Protanopi #cdbf83 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d5c789 Erkeklerin ≈ 1.27% kadarı
Tritanopi #edb5b1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d4bf85 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d9c488 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e7b9a2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#deb887 Burly Wood ΔE 3.35 #d2b48c Tan ΔE 4.86 #fad6a5 Sunset ΔE 6.32 #c2b280 Ecru ΔE 6.58 #ffc87c Topaz ΔE 6.99 #ffcc99 Peach Orange ΔE 7.51 #ffdead Navajo White ΔE 7.69 #204078 Ters renk #c3c3c3 Gri tonlama 

Burly Wood
#dfbf87  rgb(223, 191, 135)  hsl(38, 58%, 70%)  Burly Wood
#87a7df  rgb(135, 167, 223)  hsl(218, 58%, 70%)  Iceberg
#87dfbf  rgb(135, 223, 191)  hsl(158, 58%, 70%)  Seafoam Green
#bf87df  rgb(191, 135, 223)  hsl(278, 58%, 70%)  Floral Lavender