#66b5cc Color Information
In a RGB color space, hex #66b5cc is composed of 40% red, 71% green and 80% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 11.3% magenta, 0% yellow and 20% black. It has a hue angle of 193.5 degrees, a saturation of 50% and a lightness of 60%. #66b5cc color hex could be obtained by blending #ccffff with #006b99. Closest websafe color is: #66cccc.
-
- R 40
- G 71
- B 80
-
- C 50
- M 11
- Y 0
- K 20
● #66b5cc color description : Moderate cyan.
#66b5cc Color Conversion
The hexadecimal color #66b5cc has RGB values of R:102, G:181, B:204 and CMYK values of C:0.5, M:0.11, Y:0, K:0.2. Its decimal value is 6731212.
Hex triplet | 66b5cc | #66b5cc |
---|---|---|
RGB Decimal | 102, 181, 204 | rgb(102,181,204) |
RGB Percent | 40, 71, 80 | rgb(40%,71%,80%) |
CMYK | 50, 11, 0, 20 | |
HSL | 193.5°, 50, 60 | hsl(193.5,50%,60%) |
HSV (or HSB) | 193.5°, 50, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.633, -18.043, -19.15 |
---|---|
XYZ | 32.9, 40.23, 63.155 |
xyY | 0.241, 0.295, 40.23 |
CIE-LCH | 69.633, 26.311, 226.705 |
CIE-LUV | 69.633, -34.837, -27.063 |
Hunter-Lab | 63.427, -18.41, -14.636 |
Binary | 01100110, 10110101, 11001100 |
Color Schemes with #66b5cc
Alternatives to #66b5cc
Below, you can see some colors close to #66b5cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#66b5cc Preview
This text has a font color of #66b5cc.
<span style="color:#66b5cc;">Text here</span>
This paragraph has a background color of #66b5cc.
<p style="background-color:#66b5cc;">Content here</p>
This element has a border color of #66b5cc.
<div style="border:1px solid #66b5cc;">Content here</div>
.text {color:#66b5cc;}
.background {background-color:#66b5cc;}
.border {border:1px solid #66b5cc;}
Shades and Tints of #66b5cc
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030809 is the darkest color, while #f9fcfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#081418
#081418
rgb(8,20,24)
-
#0d2126
#0d2126
rgb(13,33,38)
-
#122d35
#122d35
rgb(18,45,53)
-
#173a44
#173a44
rgb(23,58,68)
-
#1b4652
#1b4652
rgb(27,70,82)
-
#205361
#205361
rgb(32,83,97)
-
#255f70
#255f70
rgb(37,95,112)
-
#2a6c7f
#2a6c7f
rgb(42,108,127)
-
#2f788d
#2f788d
rgb(47,120,141)
-
#34859c
#34859c
rgb(52,133,156)
-
#3991ab
#3991ab
rgb(57,145,171)
-
#3e9eb9
#3e9eb9
rgb(62,158,185)
-
#49a7c2
#49a7c2
rgb(73,167,194)
-
#57aec7
#57aec7
rgb(87,174,199)
-
#66b5cc
#66b5cc
rgb(102,181,204)
-
#75bcd1
#75bcd1
rgb(117,188,209)
-
#83c3d6
#83c3d6
rgb(131,195,214)
-
#92cadb
#92cadb
rgb(146,202,219)
-
#a1d1e0
#a1d1e0
rgb(161,209,224)
-
#b0d9e5
#b0d9e5
rgb(176,217,229)
-
#bee0e9
#bee0e9
rgb(190,224,233)
-
#cde7ee
#cde7ee
rgb(205,231,238)
-
#dceef3
#dceef3
rgb(220,238,243)
-
#eaf5f8
#eaf5f8
rgb(234,245,248)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #66b5cc
A tone is produced by adding gray to any pure hue. In this case, #959b9d is the less saturated color, while #37cffb is the most saturated one.
-
#959b9d
#959b9d
rgb(149,155,157)
-
#8d9fa5
#8d9fa5
rgb(141,159,165)
-
#85a4ad
#85a4ad
rgb(133,164,173)
-
#7ea8b4
#7ea8b4
rgb(126,168,180)
-
#76acbc
#76acbc
rgb(118,172,188)
-
#6eb1c4
#6eb1c4
rgb(110,177,196)
-
#66b5cc
#66b5cc
rgb(102,181,204)
-
#5eb9d4
#5eb9d4
rgb(94,185,212)
-
#56bedc
#56bedc
rgb(86,190,220)
-
#4ec2e4
#4ec2e4
rgb(78,194,228)
-
#47c6eb
#47c6eb
rgb(71,198,235)
-
#3fcbf3
#3fcbf3
rgb(63,203,243)
-
#37cffb
#37cffb
rgb(55,207,251)
Color Blindness Simulator
Below, you can see how #66b5cc is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.