#229fb2 Color Information
In a RGB color space, hex #229fb2 is composed of 13.3% red, 62.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 10.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 187.9 degrees, a saturation of 67.9% and a lightness of 41.6%. #229fb2 color hex could be obtained by blending #44ffff with #003f65. Closest websafe color is: #339999.
-
- R 13
- G 62
- B 70
-
- C 81
- M 11
- Y 0
- K 30
● #229fb2 color description : Dark cyan.
#229fb2 Color Conversion
The hexadecimal color #229fb2 has RGB values of R:34, G:159, B:178 and CMYK values of C:0.81, M:0.11, Y:0, K:0.3. Its decimal value is 2269106.
Hex triplet | 229fb2 | #229fb2 |
---|---|---|
RGB Decimal | 34, 159, 178 | rgb(34,159,178) |
RGB Percent | 13.3, 62.4, 69.8 | rgb(13.3%,62.4%,69.8%) |
CMYK | 81, 11, 0, 30 | |
HSL | 187.9°, 67.9, 41.6 | hsl(187.9,67.9%,41.6%) |
HSV (or HSB) | 187.9°, 80.9, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.202, -25.75, -19.204 |
---|---|
XYZ | 21.091, 28.349, 46.477 |
xyY | 0.22, 0.296, 28.349 |
CIE-LCH | 60.202, 32.122, 216.716 |
CIE-LUV | 60.202, -42.114, -25.642 |
Hunter-Lab | 53.243, -22.467, -14.485 |
Binary | 00100010, 10011111, 10110010 |
Color Schemes with #229fb2
Alternatives to #229fb2
Below, you can see some colors close to #229fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229fb2 Preview
This text has a font color of #229fb2.
<span style="color:#229fb2;">Text here</span>
This paragraph has a background color of #229fb2.
<p style="background-color:#229fb2;">Content here</p>
This element has a border color of #229fb2.
<div style="border:1px solid #229fb2;">Content here</div>
.text {color:#229fb2;}
.background {background-color:#229fb2;}
.border {border:1px solid #229fb2;}
Shades and Tints of #229fb2
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, #030c0d is the darkest color, while #fcfefe is the lightest one.
-
#030c0d
#030c0d
rgb(3,12,13)
-
#061b1e
#061b1e
rgb(6,27,30)
-
#09292e
#09292e
rgb(9,41,46)
-
#0c383f
#0c383f
rgb(12,56,63)
-
#0f474f
#0f474f
rgb(15,71,79)
-
#125560
#125560
rgb(18,85,96)
-
#156470
#156470
rgb(21,100,112)
-
#197381
#197381
rgb(25,115,129)
-
#1c8291
#1c8291
rgb(28,130,145)
-
#1f90a2
#1f90a2
rgb(31,144,162)
-
#229fb2
#229fb2
rgb(34,159,178)
-
#25aec2
#25aec2
rgb(37,174,194)
-
#28bcd3
#28bcd3
rgb(40,188,211)
-
#36c3d9
#36c3d9
rgb(54,195,217)
-
#47c8dc
#47c8dc
rgb(71,200,220)
-
#57cddf
#57cddf
rgb(87,205,223)
-
#68d2e2
#68d2e2
rgb(104,210,226)
-
#78d7e5
#78d7e5
rgb(120,215,229)
-
#89dce8
#89dce8
rgb(137,220,232)
-
#99e1ec
#99e1ec
rgb(153,225,236)
-
#a9e6ef
#a9e6ef
rgb(169,230,239)
-
#baeaf2
#baeaf2
rgb(186,234,242)
-
#caeff5
#caeff5
rgb(202,239,245)
-
#dbf4f8
#dbf4f8
rgb(219,244,248)
-
#ebf9fb
#ebf9fb
rgb(235,249,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #229fb2
A tone is produced by adding gray to any pure hue. In this case, #636f71 is the less saturated color, while #01b7d3 is the most saturated one.
-
#636f71
#636f71
rgb(99,111,113)
-
#5b7579
#5b7579
rgb(91,117,121)
-
#537b81
#537b81
rgb(83,123,129)
-
#4b8189
#4b8189
rgb(75,129,137)
-
#438791
#438791
rgb(67,135,145)
-
#3a8d9a
#3a8d9a
rgb(58,141,154)
-
#3293a2
#3293a2
rgb(50,147,162)
-
#2a99aa
#2a99aa
rgb(42,153,170)
-
#229fb2
#229fb2
rgb(34,159,178)
-
#1aa5ba
#1aa5ba
rgb(26,165,186)
-
#12abc2
#12abc2
rgb(18,171,194)
-
#0ab1ca
#0ab1ca
rgb(10,177,202)
-
#01b7d3
#01b7d3
rgb(1,183,211)
Color Blindness Simulator
Below, you can see how #229fb2 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.