#30ecf5颜色信息,颜色代码,互补色,类似颜色,配色方案

在RGB颜色空间中，#30ecf5由18.82％红色，92.55％绿色和96.08％蓝色组成，十进制红色值为48，绿色值为236，蓝色值为245。在CMKY色彩空间中，他由80.41％青色，3.67％品红色，0.0％黄色和3.92％黑色组成。最接近的网页安全颜色是：＃33ffff。

♥
- R 18.8
- G 92.5
- B 96.1
RGB 百分比
- C 80.4
- M 3.7
- Y 0.0
- K 3.9
CMYK 百分比

＃30ecf5十进制的RGB值为R:48, G:236, B:245。 CMYK值为C:80.408, M：3.673, Y: 0.0, K: 3.922

RGB	48, 236, 245
百分比	18.82%, 92.55%, 96.08%
十六进制	30ecf5
十进制	3206389
二进制	00110000,11101100,11110101
CMYK	80.408, 3.673, 0.0, 3.922
CMYK百分比	80%, 4%, 0%, 4%
CMY	0.812, 0.075, 0.039
CMY百分比	81%, 7%, 4%
HSL	182.74°, 90.78, 57.45
HSV (or HSB)	182.74°, 80.408, 96.08

XYZ	47.691, 67.207, 96.84
xyY	0.225, 0.317, 67.207
CIE-LAB	85.608, -40.652, -17.149
CIE-LUV	85.608, -62.487, -21.215
CIE-LCH/LCHab	85.608, 44.121, 202.872
CIE-LUV/LCHuv	85.608, 65.99, 198.753
Hunter-Lab	81.98, -39.625, -12.651
YIQ	180.814, -114.9209, -36.9612
YUV	180.814, 31.5868, -116.52009
网页安全色	#33ffff
颜色名称

#30ecf5
```
#30ecf5 rgb(245,57,48)
```
#f53930
```
#f53930 rgb(245,57,48)
```

互补色

#30f59c
```
#30f59c rgb(48,245,156)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#308af5
```
#308af5 rgb(48,138,245)
```

类似色

#c5f530
```
#c5f530 rgb(197,245,48)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#3058f5
```
#3058f5 rgb(48,88,245)
```

中差色

#f59c30
```
#f59c30 rgb(245,156,48)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#f5308a
```
#f5308a rgb(245,48,138)
```

分裂补色

#ecf530
```
#ecf530 rgb(236,245,48)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#f530ec
```
#f530ec rgb(245,48,236)
```

正三角形(三元)配色

#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#30f539
```
#30f539 rgb(48,245,57)
```
#f53930
```
#f53930 rgb(245,57,48)
```
#f530ec
```
#f530ec rgb(245,48,236)
```

矩形（四元）配色

#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#89f530
```
#89f530 rgb(137,245,48)
```
#9b30f5
```
#9b30f5 rgb(155,48,245)
```
#f53930
```
#f53930 rgb(245,57,48)
```

方形（四元）配色

#0ac6cf
```
#0ac6cf rgb(10,198,207)
```
#0bdde7
```
#0bdde7 rgb(11,221,231)
```
#18eaf4
```
#18eaf4 rgb(24,234,244)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#48eef6
```
#48eef6 rgb(72,238,246)
```
#61f0f7
```
#61f0f7 rgb(97,240,247)
```
#79f3f9
```
#79f3f9 rgb(121,243,249)
```

单色

#30f5cd
```
#30f5cd rgb(48,245,205)
```
#30f5dd
```
#30f5dd rgb(48,245,221)
```
#30f5ee
```
#30f5ee rgb(48,245,238)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#30dcf5
```
#30dcf5 rgb(48,220,245)
```
#30cbf5
```
#30cbf5 rgb(48,203,245)
```
#30bbf5
```
#30bbf5 rgb(48,187,245)
```

相似颜色

#0ce8f2
```
#0ce8f2 rgb(12,232,242)
```
#0bd6df
```
#0bd6df rgb(11,214,223)
```
#0ac4cd
```
#0ac4cd rgb(10,196,205)
```
#09b2ba
```
#09b2ba rgb(9,178,186)
```
#08a0a7
```
#08a0a7 rgb(8,160,167)
```
#078e95
```
#078e95 rgb(7,142,149)
```
#067c82
```
#067c82 rgb(6,124,130)
```
#056a6f
```
#056a6f rgb(5,106,111)
```
#04585c
```
#04585c rgb(4,88,92)
```
#04464a
```
#04464a rgb(4,70,74)
```
#033537
```
#033537 rgb(3,53,55)
```
#022324
```
#022324 rgb(2,35,36)
```
#011112
```
#011112 rgb(1,17,18)
```

至黑

#1deaf4
```
#1deaf4 rgb(29,234,244)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#43eef6
```
#43eef6 rgb(67,238,246)
```
#55eff7
```
#55eff7 rgb(85,239,247)
```
#68f1f8
```
#68f1f8 rgb(104,241,248)
```
#7bf3f9
```
#7bf3f9 rgb(123,243,249)
```
#8ef5fa
```
#8ef5fa rgb(142,245,250)
```
#a0f6fa
```
#a0f6fa rgb(160,246,250)
```
#b3f8fb
```
#b3f8fb rgb(179,248,251)
```
#c6fafc
```
#c6fafc rgb(198,250,252)
```
#d8fbfd
```
#d8fbfd rgb(216,251,253)
```
#ebfdfe
```
#ebfdfe rgb(235,253,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

至白

#8c9999
```
#8c9999 rgb(140,153,153)
```
#83a0a2
```
#83a0a2 rgb(131,160,162)
```
#7ba8aa
```
#7ba8aa rgb(123,168,170)
```
#73afb2
```
#73afb2 rgb(115,175,178)
```
#6ab7bb
```
#6ab7bb rgb(106,183,187)
```
#62bec3
```
#62bec3 rgb(98,190,195)
```
#5ac6cb
```
#5ac6cb rgb(90,198,203)
```
#51ced4
```
#51ced4 rgb(81,206,212)
```
#49d5dc
```
#49d5dc rgb(73,213,220)
```
#41dde4
```
#41dde4 rgb(65,221,228)
```
#38e4ed
```
#38e4ed rgb(56,228,237)
```
#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#28f4fd
```
#28f4fd rgb(40,244,253)
```

色调变化

#30ecf5 文本颜色

此段文字的字体颜色为 #30ecf5.

<span style="color:#30ecf5;">文本</span>

#30ecf5 背景颜色

此段背景颜色为 #30ecf5.

<p style="background-color:#30ecf5;">文本</p>

#30ecf5 边框颜色

这个边框颜色为 #30ecf5.

<div style="border:1px solid #30ecf5;">文本</div>

CSS 代码

.text {color:#30ecf5;}

.background {background-color:#30ecf5;}

.border {border:1px solid #30ecf5;}

以下是色盲人群感知看到的颜色。

全色盲

#b5b5b5 全色盲
#9ac0c2 全色弱

二色视觉

#d6d6e8 红色盲(第一色盲)
#d7d3ff 绿色盲(第二色盲)
#43ebfd 蓝黄色盲(第三色盲)

三色视觉

#9adeed 红色弱(第一色弱)
#9adcfb 绿色弱(第二色弱)
#3cebfa 蓝黄色盲(第三色弱)

#30ecf5颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#30ecf5 颜色信息

#30ecf5 颜色转换

#30ecf5 配色方案

#30ecf5 相似颜色

#30ecf5 色度/色彩

#30ecf5 色调

#30ecf5 HTML/CSS代码

色盲