Pancakes
Χρώμα: hex σε μορφή RGB (245, 221, 216): 96%, 87%, 85% κόκκινο, 96%, 87%, 85% πράσινο, 96%, 87%, 85% μπλε. #f5ddd8 σε μορφή CMYK (0%, 10%, 12%, 4%): 0%, 10%, 12%, 4%. Σε χρωματικό μοντέλο HSL (10, 59%, 90%): 10, 59%, 90% βαθμοί, 10, 59%, 90% saturation, 10, 59%, 90% lightness. Άλλες μορφές και αντιστοιχίσεις παρουσιάζονται παρακάτω.
#f5ddd8
#f6e0dc
#f7e4e0
#f8e7e4
#f9ebe8
#faeeec
#fbf1ef
#fcf5f3
#fdf8f7
#fefcfb
#ffffff
Μορφές χρωμάτων
HEX
#f5ddd8
RYB
24, 5, -24
RGB
245, 221, 216
Decimal
16113112
RGB %
96%, 87%, 85%
Websafe
#ffcccc
CMYK
0%, 10%, 12%, 4%
Lab
89.9, 7.44, 5.44
HSL
10, 59%, 90%
XYZ
75.91, 76.08, 75.65
HSV
10, 12%, 96%
YIQ
227.61, 15.91, 3.5
Hunter-Lab
8.72, 1.08, 1.38
YUV
227.61, -5.71, 15.26
Android
0xFFf5ddd8
Yxy
76.08, 0.33, 0.33
Πρόσθετα Χρώματα
#f5ddd8
#f5e2d8
#f5e7d8
#f5ebd8
#f5e4d8
#f5e9d8
#f5eed8
#f5f3d8
#f5ebd8
#f5f0d8
#f5f5d8
#f0f5d8
#f5f3d8
#f3f5d8
#eef5d8
#e9f5d8
#f0f5d8
#ebf5d8
#e7f5d8
#e2f5d8
#e9f5d8
#e4f5d8
#dff5d8
#daf5d8
#e2f5d8
#ddf5d8
#d8f5d8
#d8f5dd
Σχέδια χρωμάτων
Complementary
#f5ddd8
#d8f0f5
Triad
#f5ddd8
#d8f5dd
#ddd8f5
Tetrad
#f5ddd8
#e2f5d8
#d8f0f5
#ebd8f5
Αποχρώσεις
#f5ddd8
#e5ceca
#d4c0bb
#c4b1ad
#b4a29e
#a39390
#938582
#837673
#726765
#625856
#524a48
#413b3a
#312c2b
#211d1d
#100f0e
Σκούροι τόνοι
#c4b1ad
#baa8a4
#b09f9c
#a79693
#9d8d8a
#938582
#897c79
#7f7370
#766a68
#6c615f
#625856
#58504e
#4e4745
#453e3c
#3b3534
Ανοιχτοί τόνοι
#f5ddd8
#ffe6e1
#ffefe9
#fff8f2
#fffffb
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Μονόχρωμος
#e29d8f
#e4a396
#e6aa9d
#e8b0a5
#eab7ac
#ecbdb3
#edc3bb
#efcac2
#f1d0c9
#f3d7d1
#f5ddd8
#f7e3df
#f9eae7
#fbf0ee
#fdf7f5
Ανάλογος
#ecd8f5
#f5d8f0
#f5d8e1
#f5ddd8
#f5ebd8
#f0f5d8
#e2f5d8
Στυλ για HTML (CSS)
Το φόντο αυτού του μπλοκ είναι έγχρωμο #e2f5d8
<div style="background: #e2f5d8">Background</div>
div {background: #e2f5d8;}
Το κείμενο και τα περιγράμματα αυτού του μπλοκ είναι χρωματιστά
#f5ddd8
<div style="color: #f5ddd8">Text</div>
div {color: #e2f5d8;}
<div style="border: 1px solid #f5ddd8">Border</div>
div {border: 1px solid #f5ddd8;}