#66b1f3 hex color

In a RGB color space, hex #66b1f3 is composed of 40% red, 69.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 27.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 208.1 degrees, a saturation of 85.5% and a lightness of 67.6%. #66b1f3 color hex could be obtained by blending #ccffff with #0063e7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 40
- G 69
- B 95
RGB color chart
- C 58
- M 27
- Y 0
- K 5
CMYK color chart

● #66b1f3 color description : Soft blue.

The hexadecimal color #66b1f3 has RGB values of R:102, G:177, B:243 and CMYK values of C:0.58, M:0.27, Y:0, K:0.05. Its decimal value is 6730227.

Hex triplet	66b1f3	`#66b1f3`
RGB Decimal	102, 177, 243	`rgb(102,177,243)`
RGB Percent	40, 69.4, 95.3	`rgb(40%,69.4%,95.3%)`
CMYK	58, 27, 0, 5
HSL	208.1°, 85.5, 67.6	`hsl(208.1,85.5%,67.6%)`
HSV (or HSB)	208.1°, 58, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.992, -4.341, -39.909
XYZ	37.375, 40.738, 90.683
xyY	0.221, 0.241, 40.738
CIE-LCH	69.992, 40.144, 263.792
CIE-LUV	69.992, -32.232, -63.717
Hunter-Lab	63.826, -7.169, -39.56
Binary	01100110, 10110001, 11110011

#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#f3a866
```
#f3a866 rgb(243,168,102)
```

Complementary Color

#66f3ef
```
#66f3ef rgb(102,243,239)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#666bf3
```
#666bf3 rgb(102,107,243)
```

Analogous Color

#f3ef66
```
#f3ef66 rgb(243,239,102)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#f3666b
```
#f3666b rgb(243,102,107)
```

Split Complementary Color

#b1f366
```
#b1f366 rgb(177,243,102)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#f366b1
```
#f366b1 rgb(243,102,177)
```

Triadic Color

#66f3a8
```
#66f3a8 rgb(102,243,168)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#f366b1
```
#f366b1 rgb(243,102,177)
```
#f3a866
```
#f3a866 rgb(243,168,102)
```

Tetradic Color

#1f8ded
```
#1f8ded rgb(31,141,237)
```
#3799ef
```
#3799ef rgb(55,153,239)
```
#4ea5f1
```
#4ea5f1 rgb(78,165,241)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#7ebdf5
```
#7ebdf5 rgb(126,189,245)
```
#95c9f7
```
#95c9f7 rgb(149,201,247)
```
#add5f9
```
#add5f9 rgb(173,213,249)
```

Monochromatic Color

Below, you can see some colors close to #66b1f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#66d4f3
```
#66d4f3 rgb(102,212,243)
```
#66c9f3
```
#66c9f3 rgb(102,201,243)
```
#66bdf3
```
#66bdf3 rgb(102,189,243)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#66a5f3
```
#66a5f3 rgb(102,165,243)
```
#669af3
```
#669af3 rgb(102,154,243)
```
#668ef3
```
#668ef3 rgb(102,142,243)
```

Similar Colors

Text with hexadecimal color #66b1f3

This text has a font color of #66b1f3.

<span style="color:#66b1f3;">Text here</span>

#66b1f3 background color

This paragraph has a background color of #66b1f3.

<p style="background-color:#66b1f3;">Content here</p>

#66b1f3 border color

This element has a border color of #66b1f3.

<div style="border:1px solid #66b1f3;">Content here</div>

CSS codes

.text {color:#66b1f3;}

.background {background-color:#66b1f3;}

.border {border:1px solid #66b1f3;}

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, #01060b is the darkest color, while #f8fbfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#02101d
```
#02101d rgb(2,16,29)
```
#041b2f
```
#041b2f rgb(4,27,47)
```
#052541
```
#052541 rgb(5,37,65)
```
#072f53
```
#072f53 rgb(7,47,83)
```
#083a66
```
#083a66 rgb(8,58,102)
```
#094478
```
#094478 rgb(9,68,120)
```
#0b4e8a
```
#0b4e8a rgb(11,78,138)
```
#0c599c
```
#0c599c rgb(12,89,156)
```
#0e63ae
```
#0e63ae rgb(14,99,174)
```
#0f6ec1
```
#0f6ec1 rgb(15,110,193)
```
#1178d3
```
#1178d3 rgb(17,120,211)
```
#1282e5
```
#1282e5 rgb(18,130,229)
```

Shade Color Variation

#1d8ced
```
#1d8ced rgb(29,140,237)
```
#2f95ef
```
#2f95ef rgb(47,149,239)
```
#429ef0
```
#429ef0 rgb(66,158,240)
```
#54a8f2
```
#54a8f2 rgb(84,168,242)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#78baf4
```
#78baf4 rgb(120,186,244)
```
#8ac4f6
```
#8ac4f6 rgb(138,196,246)
```
#9dcdf7
```
#9dcdf7 rgb(157,205,247)
```
#afd6f9
```
#afd6f9 rgb(175,214,249)
```
#c1dffa
```
#c1dffa rgb(193,223,250)
```
#d3e9fc
```
#d3e9fc rgb(211,233,252)
```
#e5f2fd
```
#e5f2fd rgb(229,242,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #acadad is the less saturated color, while #60b1f9 is the most saturated one.

#acadad
```
#acadad rgb(172,173,173)
```
#a5adb4
```
#a5adb4 rgb(165,173,180)
```
#9fadba
```
#9fadba rgb(159,173,186)
```
#99aec0
```
#99aec0 rgb(153,174,192)
```
#92aec7
```
#92aec7 rgb(146,174,199)
```
#8cafcd
```
#8cafcd rgb(140,175,205)
```
#86afd3
```
#86afd3 rgb(134,175,211)
```
#7fafda
```
#7fafda rgb(127,175,218)
```
#79b0e0
```
#79b0e0 rgb(121,176,224)
```
#73b0e6
```
#73b0e6 rgb(115,176,230)
```
#6cb1ed
```
#6cb1ed rgb(108,177,237)
```
#66b1f3
```
#66b1f3 rgb(102,177,243)
```
#60b1f9
```
#60b1f9 rgb(96,177,249)
```

Tone Color Variation

Below, you can see how #66b1f3 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.

Monochromacy

#a2a2a2 Achromatopsia 0.005% of the population
#96a5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aadee Protanopia 1% of men
#90aef6 Deuteranopia 1% of men
#57bdca Tritanopia 0.001% of the population

Trichromacy

#87aeef Protanomaly 1% of men, 0.01% of women
#80aff5 Deuteranomaly 6% of men, 0.4% of women
#5cb8d9 Tritanomaly 0.01% of the population

#66b1f3 hex color

#66b1f3 Color Information

#66b1f3 Color Conversion

Color Schemes with #66b1f3

Alternatives to #66b1f3

#66b1f3 Preview

Shades and Tints of #66b1f3

Tones of #66b1f3

Color Blindness Simulator