ColorTool
Giriş yap
#DFD1B0

#dfd1b0 ≈ Pearl

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

#dfd1b0, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %87,45 kırmızı, %81,96 yeşil ve %69,02 maviden oluşur; CMYK baskıda %0 camgöbeği, %6,28 macenta, %21,08 sarı ve %12,55 siyah kullanır. Ton açısı 42,13°, HSL’de doygunluğu %42,34 ve açıklığı %78,24’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 13,88:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pearl (#eae0c8), ΔE 4,54.

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

Tamamlayıcı

  1. #dfd1b0
  2. #b0bedf

Bölünmüş tamamlayıcı

  1. #dfd1b0
  2. #b0d6df
  3. #bab0df

Komşu

  1. #dfbab0
  2. #dfd1b0
  3. #d6dfb0

Üçlü

  1. #dfd1b0
  2. #b0dfd1
  3. #d1b0df

Dörtlü

  1. #dfd1b0
  2. #bedfb0
  3. #b0bedf
  4. #d1b0df

Kare

  1. #dfd1b0
  2. #b0dfba
  3. #b0bedf
  4. #dfb0d6

Tek renkli

  1. #af9047
  2. #c9b17a
  3. #dfd1b0
  4. #f5f1e6
  5. #f9f7f0

Koyu tonlar

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

  1. #dfd1b0
  2. #c9bc9e
  3. #b2a78d
  4. #9c927b
  5. #867d6a
  6. #706958
  7. #595446
  8. #433f35
  9. #2d2a23
  10. #161512
  11. #000000

Açık tonlar

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

  1. #dfd1b0
  2. #e2d6b8
  3. #e5dac0
  4. #e9dfc8
  5. #ece3d0
  6. #efe8d8
  7. #f2eddf
  8. #f5f1e7
  9. #f9f6ef
  10. #fcfaf7
  11. #ffffff

Tonlar

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

  1. #dfd1b0
  2. #d6c9ab
  3. #ccc1a6
  4. #c3b9a2
  5. #b9b19d
  6. #b0a998
  7. #a6a093
  8. #9d988e
  9. #93908a
  10. #8a8885
  11. #808080

Okunaklı metin 1.51:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.88:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d2d2d2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #d7d2c5 Erkeklerin ≈ 0.001% kadarı
Protanopi #d9d0ae Erkeklerin ≈ 1.01% kadarı
Döteranopi #ddd4b1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #e7cbc8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #dbd0af Erkeklerin ≈ 1.08% kadarı
Döteranomali #ded3b1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e4cebf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#eae0c8 Pearl ΔE 4.54 #f5deb3 Wheat ΔE 4.88 #e3dac9 Bone ΔE 5.79 #f7e7ce Champagne ΔE 6.13 #ffe4b5 Moccasin ΔE 6.86 #ffebcd Blanched Almond ΔE 6.87 #ffe5b4 Peach ΔE 6.98 #202e4f Ters renk #d2d2d2 Gri tonlama 

Pearl
#dfd1b0  rgb(223, 209, 176)  hsl(42, 42%, 78%)  Pearl
#b0bedf  rgb(176, 190, 223)  hsl(222, 42%, 78%)  Light Steel Blue
#b0dfd1  rgb(176, 223, 209)  hsl(162, 42%, 78%)  Pale Turquoise
#d1b0df  rgb(209, 176, 223)  hsl(282, 42%, 78%)  Wisteria