#229be6 Color Information
In a RGB color space, hex #229be6 is composed of 13.3% red, 60.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 32.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 203 degrees, a saturation of 79.7% and a lightness of 51.8%. #229be6 color hex could be obtained by blending #44ffff with #0037cd. Closest websafe color is: #3399ff.
-
- R 13
- G 61
- B 90
-
- C 85
- M 33
- Y 0
- K 10
● #229be6 color description : Vivid blue.
#229be6 Color Conversion
The hexadecimal color #229be6 has RGB values of R:34, G:155, B:230 and CMYK values of C:0.85, M:0.33, Y:0, K:0.1. Its decimal value is 2268134.
Hex triplet | 229be6 | #229be6 |
---|---|---|
RGB Decimal | 34, 155, 230 | rgb(34,155,230) |
RGB Percent | 13.3, 60.8, 90.2 | rgb(13.3%,60.8%,90.2%) |
CMYK | 85, 33, 0, 10 | |
HSL | 203°, 79.7, 51.8 | hsl(203,79.7%,51.8%) |
HSV (or HSB) | 203°, 85.2, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 61.215, -5.522, -46.698 |
---|---|
XYZ | 26.66, 29.494, 79.146 |
xyY | 0.197, 0.218, 29.494 |
CIE-LCH | 61.215, 47.023, 263.256 |
CIE-LUV | 61.215, -37.32, -73.709 |
Hunter-Lab | 54.308, -7.411, -48.391 |
Binary | 00100010, 10011011, 11100110 |
Color Schemes with #229be6
Alternatives to #229be6
Below, you can see some colors close to #229be6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229be6 Preview
This text has a font color of #229be6.
<span style="color:#229be6;">Text here</span>
This paragraph has a background color of #229be6.
<p style="background-color:#229be6;">Content here</p>
This element has a border color of #229be6.
<div style="border:1px solid #229be6;">Content here</div>
.text {color:#229be6;}
.background {background-color:#229be6;}
.border {border:1px solid #229be6;}
Shades and Tints of #229be6
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, #010508 is the darkest color, while #f5fbfe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#03111a
#03111a
rgb(3,17,26)
-
#051d2b
#051d2b
rgb(5,29,43)
-
#07283d
#07283d
rgb(7,40,61)
-
#09344f
#09344f
rgb(9,52,79)
-
#0b4060
#0b4060
rgb(11,64,96)
-
#0d4b72
#0d4b72
rgb(13,75,114)
-
#0f5783
#0f5783
rgb(15,87,131)
-
#116295
#116295
rgb(17,98,149)
-
#136ea7
#136ea7
rgb(19,110,167)
-
#157ab8
#157ab8
rgb(21,122,184)
-
#1785ca
#1785ca
rgb(23,133,202)
-
#1991dc
#1991dc
rgb(25,145,220)
-
#229be6
#229be6
rgb(34,155,230)
-
#34a3e8
#34a3e8
rgb(52,163,232)
-
#45abea
#45abea
rgb(69,171,234)
-
#57b3ec
#57b3ec
rgb(87,179,236)
-
#68bbee
#68bbee
rgb(104,187,238)
-
#7ac3f0
#7ac3f0
rgb(122,195,240)
-
#8ccbf2
#8ccbf2
rgb(140,203,242)
-
#9dd3f4
#9dd3f4
rgb(157,211,244)
-
#afdbf6
#afdbf6
rgb(175,219,246)
-
#c1e3f8
#c1e3f8
rgb(193,227,248)
-
#d2ebfa
#d2ebfa
rgb(210,235,250)
-
#e4f3fc
#e4f3fc
rgb(228,243,252)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #229be6
A tone is produced by adding gray to any pure hue. In this case, #818587 is the less saturated color, while #0f9ff9 is the most saturated one.
-
#818587
#818587
rgb(129,133,135)
-
#778791
#778791
rgb(119,135,145)
-
#6e899a
#6e899a
rgb(110,137,154)
-
#648ba4
#648ba4
rgb(100,139,164)
-
#5b8ead
#5b8ead
rgb(91,142,173)
-
#5190b7
#5190b7
rgb(81,144,183)
-
#4892c0
#4892c0
rgb(72,146,192)
-
#3e94ca
#3e94ca
rgb(62,148,202)
-
#3597d3
#3597d3
rgb(53,151,211)
-
#2b99dd
#2b99dd
rgb(43,153,221)
-
#229be6
#229be6
rgb(34,155,230)
-
#199def
#199def
rgb(25,157,239)
-
#0f9ff9
#0f9ff9
rgb(15,159,249)
Color Blindness Simulator
Below, you can see how #229be6 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.