#308af5颜色信息,颜色代码,互补色,类似颜色,配色方案

在RGB颜色空间中，#308af5由18.82％红色，54.12％绿色和96.08％蓝色组成，十进制红色值为48，绿色值为138，蓝色值为245。在CMKY色彩空间中，他由80.41％青色，43.67％品红色，0.0％黄色和3.92％黑色组成。最接近的网页安全颜色是：＃3399ff。

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

＃308af5十进制的RGB值为R:48, G:138, B:245。 CMYK值为C:80.408, M：43.673, Y: 0.0, K: 3.922

RGB	48, 138, 245
百分比	18.82%, 54.12%, 96.08%
十六进制	308af5
十进制	3181301
二进制	00110000,10001010,11110101
CMYK	80.408, 43.673, 0.0, 3.922
CMYK百分比	80%, 44%, 0%, 4%
CMY	0.812, 0.459, 0.039
CMY百分比	81%, 46%, 4%
HSL	212.59°, 90.78, 57.45
HSV (or HSB)	212.59°, 80.408, 96.08

XYZ	26.785, 25.396, 89.871
xyY	0.189, 0.179, 25.396
CIE-LAB	57.459, 11.175, -60.953
CIE-LUV	57.459, -29.625, -97.772
CIE-LCH/LCHab	57.459, 61.969, 280.389
CIE-LUV/LCHuv	57.459, 102.162, 253.143
Hunter-Lab	50.394, 6.685, -70.46
YIQ	123.288, -88.0101, 14.2634
YUV	123.288, 59.89508, -66.05107
网页安全色	#3399ff
颜色名称

#308af5
```
#308af5 rgb(245,155,48)
```
#f59b30
```
#f59b30 rgb(245,155,48)
```

互补色

#30ecf5
```
#30ecf5 rgb(48,236,245)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#3830f5
```
#3830f5 rgb(56,48,245)
```

类似色

#63f530
```
#63f530 rgb(99,245,48)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#6a30f5
```
#6a30f5 rgb(106,48,245)
```

中差色

#ecf530
```
#ecf530 rgb(236,245,48)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#f53830
```
#f53830 rgb(245,56,48)
```

分裂补色

#8af530
```
#8af530 rgb(138,245,48)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#f5308a
```
#f5308a rgb(245,48,138)
```

正三角形(三元)配色

#308af5
```
#308af5 rgb(48,138,245)
```
#30f59b
```
#30f59b rgb(48,245,155)
```
#f59b30
```
#f59b30 rgb(245,155,48)
```
#f5308a
```
#f5308a rgb(245,48,138)
```

矩形（四元）配色

#308af5
```
#308af5 rgb(48,138,245)
```
#30f539
```
#30f539 rgb(48,245,57)
```
#f530ed
```
#f530ed rgb(245,48,237)
```
#f59b30
```
#f59b30 rgb(245,155,48)
```

方形（四元）配色

#0a64cf
```
#0a64cf rgb(10,100,207)
```
#0b70e7
```
#0b70e7 rgb(11,112,231)
```
#187cf4
```
#187cf4 rgb(24,124,244)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#4898f6
```
#4898f6 rgb(72,152,246)
```
#61a5f7
```
#61a5f7 rgb(97,165,247)
```
#79b3f9
```
#79b3f9 rgb(121,179,249)
```

单色

#30bbf5
```
#30bbf5 rgb(48,187,245)
```
#30abf5
```
#30abf5 rgb(48,171,245)
```
#309af5
```
#309af5 rgb(48,154,245)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#307af5
```
#307af5 rgb(48,122,245)
```
#3069f5
```
#3069f5 rgb(48,105,245)
```
#3059f5
```
#3059f5 rgb(48,89,245)
```

相似颜色

#0c75f2
```
#0c75f2 rgb(12,117,242)
```
#0b6cdf
```
#0b6cdf rgb(11,108,223)
```
#0a63cd
```
#0a63cd rgb(10,99,205)
```
#095aba
```
#095aba rgb(9,90,186)
```
#0851a7
```
#0851a7 rgb(8,81,167)
```
#074895
```
#074895 rgb(7,72,149)
```
#063f82
```
#063f82 rgb(6,63,130)
```
#05366f
```
#05366f rgb(5,54,111)
```
#042d5c
```
#042d5c rgb(4,45,92)
```
#04244a
```
#04244a rgb(4,36,74)
```
#031b37
```
#031b37 rgb(3,27,55)
```
#021224
```
#021224 rgb(2,18,36)
```
#010812
```
#010812 rgb(1,8,18)
```

至黑

#1d7ff4
```
#1d7ff4 rgb(29,127,244)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#4395f6
```
#4395f6 rgb(67,149,246)
```
#559ff7
```
#559ff7 rgb(85,159,247)
```
#68aaf8
```
#68aaf8 rgb(104,170,248)
```
#7bb4f9
```
#7bb4f9 rgb(123,180,249)
```
#8ebffa
```
#8ebffa rgb(142,191,250)
```
#a0c9fa
```
#a0c9fa rgb(160,201,250)
```
#b3d4fb
```
#b3d4fb rgb(179,212,251)
```
#c6dffc
```
#c6dffc rgb(198,223,252)
```
#d8e9fd
```
#d8e9fd rgb(216,233,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

至白

#8c9299
```
#8c9299 rgb(140,146,153)
```
#8391a2
```
#8391a2 rgb(131,145,162)
```
#7b90aa
```
#7b90aa rgb(123,144,170)
```
#7390b2
```
#7390b2 rgb(115,144,178)
```
#6a8fbb
```
#6a8fbb rgb(106,143,187)
```
#628ec3
```
#628ec3 rgb(98,142,195)
```
#5a8ecb
```
#5a8ecb rgb(90,142,203)
```
#518dd4
```
#518dd4 rgb(81,141,212)
```
#498cdc
```
#498cdc rgb(73,140,220)
```
#418be4
```
#418be4 rgb(65,139,228)
```
#388bed
```
#388bed rgb(56,139,237)
```
#308af5
```
#308af5 rgb(48,138,245)
```
#2889fd
```
#2889fd rgb(40,137,253)
```

色调变化

#308af5 文本颜色

此段文字的字体颜色为 #308af5.

<span style="color:#308af5;">文本</span>

#308af5 背景颜色

此段背景颜色为 #308af5.

<p style="background-color:#308af5;">文本</p>

#308af5 边框颜色

这个边框颜色为 #308af5.

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

CSS 代码

.text {color:#308af5;}

.background {background-color:#308af5;}

.border {border:1px solid #308af5;}

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

全色盲

#7b7b7b 全色盲
#6c7e93 全色弱

二色视觉

#5b8cf2 红色盲(第一色盲)
#0092f4 绿色盲(第二色盲)
#009ea8 蓝黄色盲(第三色盲)

三色视觉

#4b8bf3 红色弱(第一色弱)
#118ff4 绿色弱(第二色弱)
#1196c4 蓝黄色盲(第三色弱)

#308af5颜色信息,颜色搭配,互补色,类似颜色,配色方案等

#308af5 颜色信息

#308af5 颜色转换

#308af5 配色方案

#308af5 相似颜色

#308af5 色度/色彩

#308af5 色调

#308af5 HTML/CSS代码

色盲