ColorTool
Giriş yap
#F2DDAF

#f2ddaf ≈ Wheat

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

#f2ddaf, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %94,9 kırmızı, %86,67 yeşil ve %68,63 maviden oluşur; CMYK baskıda %0 camgöbeği, %8,68 macenta, %27,69 sarı ve %5,1 siyah kullanır. Ton açısı 41,19°, HSL’de doygunluğu %72,04 ve açıklığı %81,76’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 15,74:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wheat (#f5deb3), ΔE 1,3.

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

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

Tamamlayıcı

  1. #f2ddaf
  2. #afc4f2

Bölünmüş tamamlayıcı

  1. #f2ddaf
  2. #afe5f2
  3. #bbaff2

Komşu

  1. #f2bbaf
  2. #f2ddaf
  3. #e5f2af

Üçlü

  1. #f2ddaf
  2. #aff2dd
  3. #ddaff2

Dörtlü

  1. #f2ddaf
  2. #c4f2af
  3. #afc4f2
  4. #ddaff2

Kare

  1. #f2ddaf
  2. #aff2bb
  3. #afc4f2
  4. #f2afe5

Tek renkli

  1. #dda52b
  2. #e7c16d
  3. #f2ddaf
  4. #fcf8ed
  5. #fcf8ed

Koyu tonlar

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

  1. #f2ddaf
  2. #dac79e
  3. #c2b18c
  4. #a99b7b
  5. #918569
  6. #796f58
  7. #615846
  8. #494235
  9. #302c23
  10. #181612
  11. #000000

Açık tonlar

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

  1. #f2ddaf
  2. #f3e0b7
  3. #f5e4bf
  4. #f6e7c7
  5. #f7ebcf
  6. #f9eed7
  7. #faf1df
  8. #fbf5e7
  9. #fcf8ef
  10. #fefcf7
  11. #ffffff

Tonlar

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

  1. #f2ddaf
  2. #e7d4aa
  3. #dbcaa6
  4. #d0c1a1
  5. #c4b89c
  6. #b9af98
  7. #aea593
  8. #a29c8e
  9. #979389
  10. #8b8985
  11. #808080

Okunaklı metin 1.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dfdfdf Erkeklerin ≈ 0.003% kadarı
Akromatomali #e7decd Erkeklerin ≈ 0.001% kadarı
Protanopi #e8dcac Erkeklerin ≈ 1.01% kadarı
Döteranopi #ede1b0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #fdd5d1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ecdcad Erkeklerin ≈ 1.08% kadarı
Döteranomali #efe0b0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f9d8c4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f2ddaf {
  color: #f2ddaf;
}
Arka plan
.bg-f2ddaf {
  background-color: #f2ddaf;
  color: #000000;
}
Kenarlık
.border-f2ddaf {
  border: 2px solid #f2ddaf;
}
CSS değişkenleri
:root {
  --color-primary: #f2ddaf;
  --color-primary-rgb: 242 221 175;
  --color-primary-hsl: 41 72% 82%;
}
Geçiş
.gradient-f2ddaf {
  background: linear-gradient(135deg, #f2ddaf, #e5f2af);
}
Renkli gölge
.shadow-f2ddaf {
  box-shadow: 0 8px 24px rgb(242 221 175 / 0.35);
}

#f5deb3 Wheat ΔE 1.30 #ffe5b4 Peach ΔE 2.50 #ffe4b5 Moccasin ΔE 2.66 #ffdead Navajo White ΔE 3.86 #f3e5ab Vanilla ΔE 4.25 #fad6a5 Sunset ΔE 4.84 #faf0be Blond ΔE 5.49 #0d2250 Ters renk #dfdfdf Gri tonlama 

Wheat
#f2ddaf  rgb(242, 221, 175)  hsl(41, 72%, 82%)  Wheat
#afc4f2  rgb(175, 196, 242)  hsl(221, 72%, 82%)  Light Steel Blue
#aff2dd  rgb(175, 242, 221)  hsl(161, 72%, 82%)  Magic Mint
#ddaff2  rgb(221, 175, 242)  hsl(281, 72%, 82%)  Mauve