#67c2f4 Color Information
In a RGB color space, hex #67c2f4 is composed of 40.4% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 201.3 degrees, a saturation of 86.5% and a lightness of 68%. #67c2f4 color hex could be obtained by blending #ceffff with #0085e9. Closest websafe color is: #66ccff.
-
- R 40
- G 76
- B 96
-
- C 58
- M 20
- Y 0
- K 4
● #67c2f4 color description : Soft blue.
#67c2f4 Color Conversion
The hexadecimal color #67c2f4 has RGB values of R:103, G:194, B:244 and CMYK values of C:0.58, M:0.2, Y:0, K:0.04. Its decimal value is 6800116.
Hex triplet | 67c2f4 | #67c2f4 |
---|---|---|
RGB Decimal | 103, 194, 244 | rgb(103,194,244) |
RGB Percent | 40.4, 76.1, 95.7 | rgb(40.4%,76.1%,95.7%) |
CMYK | 58, 20, 0, 4 | |
HSL | 201.3°, 86.5, 68 | hsl(201.3,86.5%,68%) |
HSV (or HSB) | 201.3°, 57.8, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.822, -13.04, -32.948 |
---|---|
XYZ | 41.21, 47.996, 92.675 |
xyY | 0.227, 0.264, 47.996 |
CIE-LCH | 74.822, 35.435, 248.408 |
CIE-LUV | 74.822, -38.142, -51.219 |
Hunter-Lab | 69.279, -15.059, -30.817 |
Binary | 01100111, 11000010, 11110100 |
Color Schemes with #67c2f4
Alternatives to #67c2f4
Below, you can see some colors close to #67c2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#67c2f4 Preview
This text has a font color of #67c2f4.
<span style="color:#67c2f4;">Text here</span>
This paragraph has a background color of #67c2f4.
<p style="background-color:#67c2f4;">Content here</p>
This element has a border color of #67c2f4.
<div style="border:1px solid #67c2f4;">Content here</div>
.text {color:#67c2f4;}
.background {background-color:#67c2f4;}
.border {border:1px solid #67c2f4;}
Shades and Tints of #67c2f4
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, #01080d is the darkest color, while #f9fdff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#02151f
#02151f
rgb(2,21,31)
-
#042131
#042131
rgb(4,33,49)
-
#052d43
#052d43
rgb(5,45,67)
-
#063a56
#063a56
rgb(6,58,86)
-
#084668
#084668
rgb(8,70,104)
-
#09527a
#09527a
rgb(9,82,122)
-
#0a5e8d
#0a5e8d
rgb(10,94,141)
-
#0c6b9f
#0c6b9f
rgb(12,107,159)
-
#0d77b1
#0d77b1
rgb(13,119,177)
-
#0e83c4
#0e83c4
rgb(14,131,196)
-
#0f8fd6
#0f8fd6
rgb(15,143,214)
-
#119ce8
#119ce8
rgb(17,156,232)
-
#1ea5ef
#1ea5ef
rgb(30,165,239)
-
#30acf0
#30acf0
rgb(48,172,240)
-
#42b3f1
#42b3f1
rgb(66,179,241)
-
#55bbf3
#55bbf3
rgb(85,187,243)
-
#67c2f4
#67c2f4
rgb(103,194,244)
-
#79c9f5
#79c9f5
rgb(121,201,245)
-
#8cd1f7
#8cd1f7
rgb(140,209,247)
-
#9ed8f8
#9ed8f8
rgb(158,216,248)
-
#b0dff9
#b0dff9
rgb(176,223,249)
-
#c2e7fb
#c2e7fb
rgb(194,231,251)
-
#d5eefc
#d5eefc
rgb(213,238,252)
-
#e7f5fd
#e7f5fd
rgb(231,245,253)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #67c2f4
A tone is produced by adding gray to any pure hue. In this case, #acaeaf is the less saturated color, while #61c4fa is the most saturated one.
-
#acaeaf
#acaeaf
rgb(172,174,175)
-
#a6b0b5
#a6b0b5
rgb(166,176,181)
-
#9fb2bc
#9fb2bc
rgb(159,178,188)
-
#99b3c2
#99b3c2
rgb(153,179,194)
-
#93b5c8
#93b5c8
rgb(147,181,200)
-
#8db7ce
#8db7ce
rgb(141,183,206)
-
#86b9d5
#86b9d5
rgb(134,185,213)
-
#80bbdb
#80bbdb
rgb(128,187,219)
-
#7abde1
#7abde1
rgb(122,189,225)
-
#74bee7
#74bee7
rgb(116,190,231)
-
#6dc0ee
#6dc0ee
rgb(109,192,238)
-
#67c2f4
#67c2f4
rgb(103,194,244)
-
#61c4fa
#61c4fa
rgb(97,196,250)
Color Blindness Simulator
Below, you can see how #67c2f4 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.