#67b5f6 Color Information
In a RGB color space, hex #67b5f6 is composed of 40.4% red, 71% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 26.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 207.3 degrees, a saturation of 88.8% and a lightness of 68.4%. #67b5f6 color hex could be obtained by blending #ceffff with #006bed. Closest websafe color is: #66ccff.
-
- R 40
- G 71
- B 96
-
- C 58
- M 26
- Y 0
- K 4
● #67b5f6 color description : Soft blue.
#67b5f6 Color Conversion
The hexadecimal color #67b5f6 has RGB values of R:103, G:181, B:246 and CMYK values of C:0.58, M:0.26, Y:0, K:0.04. Its decimal value is 6796790.
Hex triplet | 67b5f6 | #67b5f6 |
---|---|---|
RGB Decimal | 103, 181, 246 | rgb(103,181,246) |
RGB Percent | 40.4, 71, 96.5 | rgb(40.4%,71%,96.5%) |
CMYK | 58, 26, 0, 4 | |
HSL | 207.3°, 88.8, 68.4 | hsl(207.3,88.8%,68.4%) |
HSV (or HSB) | 207.3°, 58.1, 96.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.271, -5.424, -39.538 |
---|---|
XYZ | 38.748, 42.583, 93.361 |
xyY | 0.222, 0.244, 42.583 |
CIE-LCH | 71.271, 39.908, 262.189 |
CIE-LUV | 71.271, -33.336, -63.107 |
Hunter-Lab | 65.255, -8.205, -39.148 |
Binary | 01100111, 10110101, 11110110 |
Color Schemes with #67b5f6
Alternatives to #67b5f6
Below, you can see some colors close to #67b5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67b5f6 Preview
This text has a font color of #67b5f6.
<span style="color:#67b5f6;">Text here</span>
This paragraph has a background color of #67b5f6.
<p style="background-color:#67b5f6;">Content here</p>
This element has a border color of #67b5f6.
<div style="border:1px solid #67b5f6;">Content here</div>
.text {color:#67b5f6;}
.background {background-color:#67b5f6;}
.border {border:1px solid #67b5f6;}
Shades and Tints of #67b5f6
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, #01080f is the darkest color, while #fbfdff is the lightest one.
-
#01080f
#01080f
rgb(1,8,15)
-
#021321
#021321
rgb(2,19,33)
-
#031e34
#031e34
rgb(3,30,52)
-
#042846
#042846
rgb(4,40,70)
-
#053359
#053359
rgb(5,51,89)
-
#063d6b
#063d6b
rgb(6,61,107)
-
#07487e
#07487e
rgb(7,72,126)
-
#095390
#095390
rgb(9,83,144)
-
#0a5da3
#0a5da3
rgb(10,93,163)
-
#0b68b5
#0b68b5
rgb(11,104,181)
-
#0c72c8
#0c72c8
rgb(12,114,200)
-
#0d7dda
#0d7dda
rgb(13,125,218)
-
#0e88ed
#0e88ed
rgb(14,136,237)
-
#1d91f2
#1d91f2
rgb(29,145,242)
-
#2f9af3
#2f9af3
rgb(47,154,243)
-
#42a3f4
#42a3f4
rgb(66,163,244)
-
#54acf5
#54acf5
rgb(84,172,245)
-
#67b5f6
#67b5f6
rgb(103,181,246)
-
#7abef7
#7abef7
rgb(122,190,247)
-
#8cc7f8
#8cc7f8
rgb(140,199,248)
-
#9fd0f9
#9fd0f9
rgb(159,208,249)
-
#b1d9fa
#b1d9fa
rgb(177,217,250)
-
#c4e2fb
#c4e2fb
rgb(196,226,251)
-
#d6ebfd
#d6ebfd
rgb(214,235,253)
-
#e9f4fe
#e9f4fe
rgb(233,244,254)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #67b5f6
A tone is produced by adding gray to any pure hue. In this case, #abafb2 is the less saturated color, while #61b6fc is the most saturated one.
-
#abafb2
#abafb2
rgb(171,175,178)
-
#a5afb8
#a5afb8
rgb(165,175,184)
-
#9fb0be
#9fb0be
rgb(159,176,190)
-
#99b0c4
#99b0c4
rgb(153,176,196)
-
#92b1cb
#92b1cb
rgb(146,177,203)
-
#8cb2d1
#8cb2d1
rgb(140,178,209)
-
#86b2d7
#86b2d7
rgb(134,178,215)
-
#80b3dd
#80b3dd
rgb(128,179,221)
-
#7ab3e3
#7ab3e3
rgb(122,179,227)
-
#73b4ea
#73b4ea
rgb(115,180,234)
-
#6db4f0
#6db4f0
rgb(109,180,240)
-
#67b5f6
#67b5f6
rgb(103,181,246)
-
#61b6fc
#61b6fc
rgb(97,182,252)
Color Blindness Simulator
Below, you can see how #67b5f6 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.