ColorTool
Giriş yap
#F0DCE5

#f0dce5 ≈ Pale Pink

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

#f0dce5, “pembe” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %94,12 kırmızı, %86,27 yeşil ve %89,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,33 macenta, %4,58 sarı ve %5,88 siyah kullanır. Ton açısı 333°, HSL’de doygunluğu %40 ve açıklığı %90,2’dir. Sıcak bir renktir ve çoğunlukla şefkat, özen ve tatlılık ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, düğünler ve kutlamalar ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 16,07:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pale Pink (#fadadd), ΔE 4,46.

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

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

Tamamlayıcı

  1. #f0dce5
  2. #dcf0e7

Bölünmüş tamamlayıcı

  1. #f0dce5
  2. #dcf0dd
  3. #dceff0

Komşu

  1. #f0dcef
  2. #f0dce5
  3. #f0dddc

Üçlü

  1. #f0dce5
  2. #e5f0dc
  3. #dce5f0

Dörtlü

  1. #f0dce5
  2. #f0e7dc
  3. #dcf0e7
  4. #dce5f0

Kare

  1. #f0dce5
  2. #eff0dc
  3. #dcf0e7
  4. #dddcf0

Tek renkli

  1. #c27195
  2. #d9a6bd
  3. #f0dce5
  4. #f9f1f4
  5. #f9f1f4

Koyu tonlar

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

  1. #f0dce5
  2. #d8c6ce
  3. #c0b0b7
  4. #a89aa0
  5. #908489
  6. #786e73
  7. #60585c
  8. #484245
  9. #302c2e
  10. #181617
  11. #000000

Açık tonlar

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

  1. #f0dce5
  2. #f2e0e8
  3. #f3e3ea
  4. #f5e7ed
  5. #f6eaef
  6. #f8eef2
  7. #f9f1f5
  8. #fbf5f7
  9. #fcf8fa
  10. #fefcfc
  11. #ffffff

Tonlar

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

  1. #f0dce5
  2. #e5d3db
  3. #dacad1
  4. #cec0c7
  5. #c3b7bd
  6. #b8aeb3
  7. #ada5a8
  8. #a29c9e
  9. #969294
  10. #8b898a
  11. #808080

Okunaklı metin 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 16.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #e1e1e1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e7dfe3 Erkeklerin ≈ 0.001% kadarı
Protanopi #dddfe5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e2e2e4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f3dcdf Erkeklerin ≈ 0.0001% kadarı
Protanomali #e5dee5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e7e0e5 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f2dce1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f0dce5 {
  color: #f0dce5;
}
Arka plan
.bg-f0dce5 {
  background-color: #f0dce5;
  color: #000000;
}
Kenarlık
.border-f0dce5 {
  border: 2px solid #f0dce5;
}
CSS değişkenleri
:root {
  --color-primary: #f0dce5;
  --color-primary-rgb: 240 220 229;
  --color-primary-hsl: 333 40% 90%;
}
Geçiş
.gradient-f0dce5 {
  background: linear-gradient(135deg, #f0dce5, #f0dddc);
}
Renkli gölge
.shadow-f0dce5 {
  box-shadow: 0 8px 24px rgb(240 220 229 / 0.35);
}

#fadadd Pale Pink ΔE 4.46 #fff0f5 Lavender Blush ΔE 4.80 #ffe4e1 Misty Rose ΔE 5.74 #d6cadd Languid Lavender ΔE 6.48 #f8f4ff Magnolia ΔE 7.63 #e6e6fa Lavender ΔE 8.71 #d8bfd8 Thistle ΔE 8.79 #0f231a Ters renk #e1e1e1 Gri tonlama 

Pale Pink
#f0dce5  rgb(240, 220, 229)  hsl(333, 40%, 90%)  Pale Pink
#dcf0e7  rgb(220, 240, 231)  hsl(153, 40%, 90%)  Honeydew
#e5f0dc  rgb(229, 240, 220)  hsl(93, 40%, 90%)  Honeydew
#dce5f0  rgb(220, 229, 240)  hsl(213, 40%, 90%)  Alice Blue