#229ccf Color Information
In a RGB color space, hex #229ccf is composed of 13.3% red, 61.2% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 24.6% magenta, 0% yellow and 18.8% black. It has a hue angle of 197.7 degrees, a saturation of 71.8% and a lightness of 47.3%. #229ccf color hex could be obtained by blending #44ffff with #00399f. Closest websafe color is: #3399cc.
-
- R 13
- G 61
- B 81
-
- C 84
- M 25
- Y 0
- K 19
● #229ccf color description : Strong blue.
#229ccf Color Conversion
The hexadecimal color #229ccf has RGB values of R:34, G:156, B:207 and CMYK values of C:0.84, M:0.25, Y:0, K:0.19. Its decimal value is 2268367.
Hex triplet | 229ccf | #229ccf |
---|---|---|
RGB Decimal | 34, 156, 207 | rgb(34,156,207) |
RGB Percent | 13.3, 61.2, 81.2 | rgb(13.3%,61.2%,81.2%) |
CMYK | 84, 25, 0, 19 | |
HSL | 197.7°, 71.8, 47.3 | hsl(197.7,71.8%,47.3%) |
HSV (or HSB) | 197.7°, 83.6, 81.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.445, -14.319, -35.118 |
---|---|
XYZ | 23.808, 28.62, 63.297 |
xyY | 0.206, 0.247, 28.62 |
CIE-LCH | 60.445, 37.925, 247.817 |
CIE-LUV | 60.445, -39.081, -53.234 |
Hunter-Lab | 53.497, -14.184, -32.703 |
Binary | 00100010, 10011100, 11001111 |
Color Schemes with #229ccf
Alternatives to #229ccf
Below, you can see some colors close to #229ccf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229ccf Preview
This text has a font color of #229ccf.
<span style="color:#229ccf;">Text here</span>
This paragraph has a background color of #229ccf.
<p style="background-color:#229ccf;">Content here</p>
This element has a border color of #229ccf.
<div style="border:1px solid #229ccf;">Content here</div>
.text {color:#229ccf;}
.background {background-color:#229ccf;}
.border {border:1px solid #229ccf;}
Shades and Tints of #229ccf
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, #010405 is the darkest color, while #f3fafd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#041016
#041016
rgb(4,16,22)
-
#061d27
#061d27
rgb(6,29,39)
-
#092a37
#092a37
rgb(9,42,55)
-
#0c3648
#0c3648
rgb(12,54,72)
-
#0f4359
#0f4359
rgb(15,67,89)
-
#11506a
#11506a
rgb(17,80,106)
-
#145d7b
#145d7b
rgb(20,93,123)
-
#17698c
#17698c
rgb(23,105,140)
-
#1a769c
#1a769c
rgb(26,118,156)
-
#1c83ad
#1c83ad
rgb(28,131,173)
-
#1f8fbe
#1f8fbe
rgb(31,143,190)
-
#229ccf
#229ccf
rgb(34,156,207)
-
#29a7dc
#29a7dc
rgb(41,167,220)
-
#3aaedf
#3aaedf
rgb(58,174,223)
-
#4ab5e1
#4ab5e1
rgb(74,181,225)
-
#5bbce4
#5bbce4
rgb(91,188,228)
-
#6cc3e7
#6cc3e7
rgb(108,195,231)
-
#7dcaea
#7dcaea
rgb(125,202,234)
-
#8ed1ec
#8ed1ec
rgb(142,209,236)
-
#9fd7ef
#9fd7ef
rgb(159,215,239)
-
#b0def2
#b0def2
rgb(176,222,242)
-
#c0e5f5
#c0e5f5
rgb(192,229,245)
-
#d1ecf7
#d1ecf7
rgb(209,236,247)
-
#e2f3fa
#e2f3fa
rgb(226,243,250)
-
#f3fafd
#f3fafd
rgb(243,250,253)
Tones of #229ccf
A tone is produced by adding gray to any pure hue. In this case, #757a7c is the less saturated color, while #06a7eb is the most saturated one.
-
#757a7c
#757a7c
rgb(117,122,124)
-
#6c7e85
#6c7e85
rgb(108,126,133)
-
#63818e
#63818e
rgb(99,129,142)
-
#5a8597
#5a8597
rgb(90,133,151)
-
#5089a1
#5089a1
rgb(80,137,161)
-
#478daa
#478daa
rgb(71,141,170)
-
#3e91b3
#3e91b3
rgb(62,145,179)
-
#3594bc
#3594bc
rgb(53,148,188)
-
#2b98c6
#2b98c6
rgb(43,152,198)
-
#229ccf
#229ccf
rgb(34,156,207)
-
#19a0d8
#19a0d8
rgb(25,160,216)
-
#0fa4e2
#0fa4e2
rgb(15,164,226)
-
#06a7eb
#06a7eb
rgb(6,167,235)
Color Blindness Simulator
Below, you can see how #229ccf 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.