Shallow End
Түс: RGB пішіміндегі он алтылық (197, 245, 232): 77%, 96%, 91% қызыл, 77%, 96%, 91% жасыл, 77%, 96%, 91% көк. 20%, 0%, 5%, 4% пішіміндегі он алтылық (20%, 0%, 5%, 4%): 20%, 0%, 5%, 4%. HSL түс үлгісінде (164, 71%, 87%): 164, 71%, 87% градус, 164, 71%, 87% қанықтылық, 164, 71%, 87% ашықтық. Басқа форматтар мен сәйкестіктер төменде берілген.
#c5f5e8
#cbf6ea
#d1f7ed
#d6f8ef
#dcf9f1
#e2faf4
#e8fbf6
#eefcf8
#f3fdfa
#f9fefd
#ffffff
Түс пішімдері
HEX
#c5f5e8
RYB
35, 13, 0
RGB
197, 245, 232
Decimal
12973544
RGB %
77%, 96%, 91%
Websafe
#ccffff
CMYK
20%, 0%, 5%, 4%
Lab
93.02, -17.84, 1.19
HSL
164, 71%, 87%
XYZ
70.24, 83, 88.66
HSV
164, 20%, 96%
YIQ
229.17, -24.42, -14.18
Hunter-Lab
9.11, -1.46, 1.08
YUV
229.17, 1.4, -28.22
Android
0xFFc5f5e8
Yxy
83, 0.29, 0.34
Қосымша түстер
#c5f5e7
#c5f5ef
#c5f3f5
#c5ebf5
#c5f5f3
#c5eff5
#c5e7f5
#c5dff5
#c5ebf5
#c5e3f5
#c5dbf5
#c5d3f5
#c5dff5
#c5d7f5
#c5cff5
#c5c7f5
#c5d3f5
#c5cbf5
#c7c5f5
#cfc5f5
#c5c7f5
#cbc5f5
#d3c5f5
#dbc5f5
#cfc5f5
#d7c5f5
#dfc5f5
#e7c5f5
Түс схемалары
Complementary
#c5f5e8
#f5c5d3
Triad
#c5f5e8
#e7c5f5
#f5e7c5
Tetrad
#c5f5e8
#cfc5f5
#f5c5d3
#ebf5c5
Көлеңкелер
#c5f5e8
#b8e5d9
#abd4c9
#9ec4ba
#90b4aa
#83a39b
#76938b
#69837c
#5c726c
#4f625d
#42524d
#35413e
#27312e
#1a211f
#0d100f
Қараңғы тондар
#9ec4ba
#96bab0
#8eb0a7
#86a79e
#7e9d94
#76938b
#6e8982
#667f79
#5f766f
#576c66
#4f625d
#475854
#3f4e4a
#374541
#2f3b38
Ашық тондар
#c5f5e8
#cdfff1
#d5fffb
#ddffff
#e5ffff
#ecffff
#f4ffff
#fcffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
#ffffff
Монохроматты
#7ae8ca
#81e9cd
#89ebd0
#90ecd3
#98edd6
#9fefd9
#a7f0dc
#aef1df
#b6f2e2
#bdf4e5
#c5f5e8
#cdf6eb
#d4f8ee
#dcf9f1
#e3faf4
Аналогты
#ebf5c5
#d3f5c5
#c5f5cf
#c5f5e7
#c5ebf5
#c5d3f5
#cfc5f5
HTML (CSS) үшін стильдер
Бұл блоктың фоны түрлі-түсті #cfc5f5
<div style="background: #cfc5f5">Background</div>
div {background: #cfc5f5;}
Бұл блоктың мәтіні мен жиектері түрлі-түсті
#c5f5e8
<div style="color: #c5f5e8">Text</div>
div {color: #cfc5f5;}
<div style="border: 1px solid #c5f5e8">Border</div>
div {border: 1px solid #c5f5e8;}