ชื่อสี #ccddff

Arc Light

สี #ccddff ในรูปแบบ RGB (204, 221, 255): 80%, 87%, 100% red, 80%, 87%, 100% green, 80%, 87%, 100% blue #ccddff ในรูปแบบ CMYK (20%, 13%, 0%, 0%): 20%, 13%, 0%, 0%. ในโมเดลสี HSL (220, 100%, 90%): 220, 100%, 90% องศา, 220, 100%, 90% ความอิ่มตัว, 220, 100%, 90% lightness รูปแบบและการจับคู่อื่นๆ แสดงไว้ด้านล่าง

#ccddff

#d1e0ff

#d6e4ff

#dbe7ff

#e0ebff

#e6eeff

#ebf1ff

#f0f5ff

#f5f8ff

#fafcff

#ffffff

รูปแบบสี

HEX

#ccddff

RYB

17, 0, 0

RGB

204, 221, 255

Decimal

13426175

RGB %

80%, 87%, 100%

Websafe

#ccccff

CMYK

20%, 13%, 0%, 0%

Lab

87.86, 1.29, -18.42

HSL

220, 100%, 90%

XYZ

68.81, 71.77, 104.83

HSV

220, 20%, 100%

YIQ

219.79, -21.08, 7.02

Hunter-Lab

8.47, 0.43, -0.81

YUV

219.79, 17.33, -13.86

Android

0xFFccddff

Yxy

71.77, 0.28, 0.29

สีเพิ่มเติม

#ccdeff

#ccd5ff

#cccdff

#d4ccff

#ccd1ff

#cfccff

#d8ccff

#e1ccff

#d4ccff

#ddccff

#e6ccff

#eeccff

#e1ccff

#eaccff

#f2ccff

#fbccff

#eeccff

#f7ccff

#ffccff

#ffccf7

#fbccff

#ffccfb

#ffccf2

#ffccea

#ffccf7

#ffccee

#ffcce6

#ffccdd

โครงร่างสี

Complementary

#ccddff

#ffeecc

Triad

#ccddff

#ffccdd

#ddffcc

Tetrad

#ccddff

#ffccf7

#ffeecc

#ccffd5

เฉดสี

#ccddff

#beceee

#b1c0dd

#a3b1cc

#96a2bb

#8893aa

#7a8599

#6d7688

#5f6777

#525866

#444a55

#363b44

#292c33

#1b1d22

#0e0f11

โทนสีเข้ม

#a3b1cc

#9ba8c2

#939fb8

#8b96ad

#838da3

#7a8599

#727c8f

#6a7385

#626a7a

#5a6170

#525866

#49505c

#414752

#393e47

#31353d

โทนสีอ่อน

#ccddff

#d4e6ff

#dcefff

#e4f8ff

#edffff

#f5ffff

#fdffff

#ffffff

สีเดียว

#70a0ff

#79a6ff

#83acff

#8cb2ff

#95b8ff

#9ebeff

#a7c5ff

#b0cbff

#bad1ff

#c3d7ff

#ccddff

#d5e3ff

#dee9ff

#e8efff

#f1f5ff

คล้ายคลึงกัน

#ccffd4

#ccffed

#ccf7ff

#ccdeff

#d4ccff

#eeccff

#ffccf7

ลักษณะสำหรับ HTML (CSS)

พื้นหลังของบล็อกนี้เป็นสี #ffccf7

<div style="background: #ffccf7">Background</div>

div {background: #ffccf7;}

ข้อความและเส้นขอบของบล็อกนี้เป็นสี #ccddff

div {color: #ffccf7;}

<div style="border: 1px solid #ccddff">Border</div>

div {border: 1px solid #ccddff;}