#69b5e2颜色信息-RGB,CMYK,配色方案|Coloraa颜色查询

在RGB颜色空间中，#69b5e2由41.18％红色，70.98％绿色和88.63％蓝色组成，十进制红色值为105，绿色值为181，蓝色值为226。在CMKY色彩空间中，他由53.54%青色，19.91%品红色，0.0%黄色和11.37%黑色组成。最接近的网页安全颜色是：＃66cccc。

♥
- R41.2
- G71.0
- B88.6
RGB百分比
- C53.5
- M19.9
- Y0.0
- K11.4
CMYK百分比

＃69b5e2十进制的RGB值为R:105,G:181,B:226。CMYK值为C:53.54,M：19.912,Y:0.0,K:11.373

RGB	105,181,226
百分比	41.18%,70.98%,88.63%
十六进制	69b5e2
十进制	6927842
二进制	01101001,10110101,11100010
CMYK	53.54,19.912,0.0,11.373
CMYK百分比	54%,20%,0%,11%
CMY	0.588,0.29,0.114
CMY百分比	59%,29%,11%
HSL	202.31°,67.6,64.9
HSV(or HSB)	202.31°,53.54,88.63

XYZ	36.074,41.54,78.064
xyY	0.232,0.267,41.54
CIE-LAB	70.552,-11.061,-29.775
CIE-LUV	70.552,-33.313,-45.724
CIE-LCH/LCHab	70.552,31.763,249.621
CIE-LUV/LCHuv	70.552,56.572,233.924
Hunter-Lab	64.451,-12.883,-26.697
YIQ	163.406,-59.7469,-2.07
YUV	163.406,30.80369,-51.24045
网页安全色	#66cccc
颜色名称

为您提供丰富多样的颜色搭配灵感，帮助您在各个领域中实现理想的视觉效果。

#69b5e2
```
#69b5e2rgb(226,150,105)
```
#e29669
```
#e29669rgb(226,150,105)
```

互补色

#69e2d3
```
#69e2d3rgb(105,226,211)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#6979e2
```
#6979e2rgb(105,121,226)
```

类似色

#9de269
```
#9de269rgb(157,226,105)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#7869e2
```
#7869e2rgb(120,105,226)
```

中差色

#e2d369
```
#e2d369rgb(226,211,105)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#e26979
```
#e26979rgb(226,105,121)
```

分裂补色

#b5e269
```
#b5e269rgb(181,226,105)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#e269b5
```
#e269b5rgb(226,105,181)
```

正三角形(三元)配色

#69b5e2
```
#69b5e2rgb(105,181,226)
```
#69e296
```
#69e296rgb(105,226,150)
```
#e29669
```
#e29669rgb(226,150,105)
```
#e269b5
```
#e269b5rgb(226,105,181)
```

矩形（四元）配色

#69b5e2
```
#69b5e2rgb(105,181,226)
```
#78e269
```
#78e269rgb(120,226,105)
```
#d269e2
```
#d269e2rgb(210,105,226)
```
#e29669
```
#e29669rgb(226,150,105)
```

方形（四元）配色

#2995d5
```
#2995d5rgb(41,149,213)
```
#3ea0da
```
#3ea0dargb(62,160,218)
```
#54aade
```
#54aadergb(84,170,222)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#7ec0e6
```
#7ec0e6rgb(126,192,230)
```
#94caea
```
#94caeargb(148,202,234)
```
#a9d5ee
```
#a9d5eergb(169,213,238)
```

单色

以下颜色与#69b5e2在视觉上高度相似，或者属于同一色系，在寻求微妙变化时可作参考。

#69d3e2
```
#69d3e2rgb(105,211,226)
```
#69c9e2
```
#69c9e2rgb(105,201,226)
```
#69bfe2
```
#69bfe2rgb(105,191,226)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#69abe2
```
#69abe2rgb(105,171,226)
```
#69a1e2
```
#69a1e2rgb(105,161,226)
```
#6997e2
```
#6997e2rgb(105,151,226)
```

相似颜色

通过调整亮度或饱和度，可以得到#69b5e2向黑或向白过渡的渐变色板，这些变化能为您提供丰富的层次感选择。

#2994d4
```
#2994d4rgb(41,148,212)
```
#2689c3
```
#2689c3rgb(38,137,195)
```
#237db3
```
#237db3rgb(35,125,179)
```
#1f72a2
```
#1f72a2rgb(31,114,162)
```
#1c6692
```
#1c6692rgb(28,102,146)
```
#195b81
```
#195b81rgb(25,91,129)
```
#164f71
```
#164f71rgb(22,79,113)
```
#134461
```
#134461rgb(19,68,97)
```
#0f3850
```
#0f3850rgb(15,56,80)
```
#0c2d40
```
#0c2d40rgb(12,45,64)
```
#09212f
```
#09212frgb(9,33,47)
```
#06161f
```
#06161frgb(6,22,31)
```
#030a0e
```
#030a0ergb(3,10,14)
```

至黑

#389dd8
```
#389dd8rgb(56,157,216)
```
#48a5dc
```
#48a5dcrgb(72,165,220)
```
#59addf
```
#59addfrgb(89,173,223)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#79bde5
```
#79bde5rgb(121,189,229)
```
#8ac5e8
```
#8ac5e8rgb(138,197,232)
```
#9acdec
```
#9acdecrgb(154,205,236)
```
#abd5ef
```
#abd5efrgb(171,213,239)
```
#bbdef2
```
#bbdef2rgb(187,222,242)
```
#cce6f5
```
#cce6f5rgb(204,230,245)
```
#dceef8
```
#dceef8rgb(220,238,248)
```
#ecf6fb
```
#ecf6fbrgb(236,246,251)
```
#fdfeff
```
#fdfeffrgb(253,254,255)
```

至白

通过添加灰色或调整饱和度，可以探索#69b5e2在不同色调下的表现，从而获得更丰富的视觉情绪。

#a0a7ab
```
#a0a7abrgb(160,167,171)
```
#99a9b2
```
#99a9b2rgb(153,169,178)
```
#92aab9
```
#92aab9rgb(146,170,185)
```
#8bacc0
```
#8bacc0rgb(139,172,192)
```
#85aec6
```
#85aec6rgb(133,174,198)
```
#7eb0cd
```
#7eb0cdrgb(126,176,205)
```
#77b1d4
```
#77b1d4rgb(119,177,212)
```
#70b3db
```
#70b3dbrgb(112,179,219)
```
#69b5e2
```
#69b5e2rgb(105,181,226)
```
#62b7e9
```
#62b7e9rgb(98,183,233)
```
#5bb9f0
```
#5bb9f0rgb(91,185,240)
```
#54baf7
```
#54baf7rgb(84,186,247)
```
#4dbcfe
```
#4dbcfergb(77,188,254)
```

色调变化

直接在您的网页设计或开发项目中使用#69b5e2的相关代码。

#69b5e2文本颜色

此段文字的字体颜色为#69b5e2.

<span style="color:#69b5e2;">文本</span>

#69b5e2背景颜色

此段背景颜色为#69b5e2.

<p style="background-color:#69b5e2;">文本</p>

#69b5e2边框颜色

这个边框颜色为#69b5e2.

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

CSS代码

.text{color:#69b5e2}

.background{background-color:#69b5e2}

.border{border:1px solid#69b5e2}

#69b5e2

69b5e2颜色信息

颜色转换

配色方案

相似颜色

69b5e2色度/色彩

色调

HTML/CSS代码