#229bfd Color Information
In a RGB color space, hex #229bfd is composed of 13.3% red, 60.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 38.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.8 degrees, a saturation of 98.2% and a lightness of 56.3%. #229bfd color hex could be obtained by blending #44ffff with #0037fb. Closest websafe color is: #3399ff.
-
- R 13
- G 61
- B 99
-
- C 87
- M 39
- Y 0
- K 1
● #229bfd color description : Vivid blue.
#229bfd Color Conversion
The hexadecimal color #229bfd has RGB values of R:34, G:155, B:253 and CMYK values of C:0.87, M:0.39, Y:0, K:0.01. Its decimal value is 2268157.
Hex triplet | 229bfd | #229bfd |
---|---|---|
RGB Decimal | 34, 155, 253 | rgb(34,155,253) |
RGB Percent | 13.3, 60.8, 99.2 | rgb(13.3%,60.8%,99.2%) |
CMYK | 87, 39, 0, 1 | |
HSL | 206.8°, 98.2, 56.3 | hsl(206.8,98.2%,56.3%) |
HSV (or HSB) | 206.8°, 86.6, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.399, 2.906, -57.466 |
---|---|
XYZ | 30.106, 30.872, 97.295 |
xyY | 0.19, 0.195, 30.872 |
CIE-LCH | 62.399, 57.539, 272.895 |
CIE-LUV | 62.399, -36.053, -92.819 |
Hunter-Lab | 55.563, -0.514, -64.929 |
Binary | 00100010, 10011011, 11111101 |
Color Schemes with #229bfd
Alternatives to #229bfd
Below, you can see some colors close to #229bfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229bfd Preview
This text has a font color of #229bfd.
<span style="color:#229bfd;">Text here</span>
This paragraph has a background color of #229bfd.
<p style="background-color:#229bfd;">Content here</p>
This element has a border color of #229bfd.
<div style="border:1px solid #229bfd;">Content here</div>
.text {color:#229bfd;}
.background {background-color:#229bfd;}
.border {border:1px solid #229bfd;}
Shades and Tints of #229bfd
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, #00070c is the darkest color, while #f8fcff is the lightest one.
-
#00070c
#00070c
rgb(0,7,12)
-
#001220
#001220
rgb(0,18,32)
-
#001c33
#001c33
rgb(0,28,51)
-
#012747
#012747
rgb(1,39,71)
-
#01325a
#01325a
rgb(1,50,90)
-
#013d6d
#013d6d
rgb(1,61,109)
-
#014881
#014881
rgb(1,72,129)
-
#015394
#015394
rgb(1,83,148)
-
#025da8
#025da8
rgb(2,93,168)
-
#0268bb
#0268bb
rgb(2,104,187)
-
#0273cf
#0273cf
rgb(2,115,207)
-
#027ee2
#027ee2
rgb(2,126,226)
-
#0289f6
#0289f6
rgb(2,137,246)
-
#0f92fd
#0f92fd
rgb(15,146,253)
-
#229bfd
#229bfd
rgb(34,155,253)
-
#35a4fd
#35a4fd
rgb(53,164,253)
-
#49adfd
#49adfd
rgb(73,173,253)
-
#5cb5fe
#5cb5fe
rgb(92,181,254)
-
#70befe
#70befe
rgb(112,190,254)
-
#83c7fe
#83c7fe
rgb(131,199,254)
-
#97d0fe
#97d0fe
rgb(151,208,254)
-
#aad9fe
#aad9fe
rgb(170,217,254)
-
#bee1fe
#bee1fe
rgb(190,225,254)
-
#d1eaff
#d1eaff
rgb(209,234,255)
-
#e4f3ff
#e4f3ff
rgb(228,243,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #229bfd
A tone is produced by adding gray to any pure hue. In this case, #899096 is the less saturated color, while #229bfd is the most saturated one.
-
#899096
#899096
rgb(137,144,150)
-
#80919f
#80919f
rgb(128,145,159)
-
#7892a7
#7892a7
rgb(120,146,167)
-
#6f93b0
#6f93b0
rgb(111,147,176)
-
#6794b8
#6794b8
rgb(103,148,184)
-
#5e95c1
#5e95c1
rgb(94,149,193)
-
#5596ca
#5596ca
rgb(85,150,202)
-
#4d96d2
#4d96d2
rgb(77,150,210)
-
#4497db
#4497db
rgb(68,151,219)
-
#3c98e3
#3c98e3
rgb(60,152,227)
-
#3399ec
#3399ec
rgb(51,153,236)
-
#2b9af4
#2b9af4
rgb(43,154,244)
-
#229bfd
#229bfd
rgb(34,155,253)
Color Blindness Simulator
Below, you can see how #229bfd 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.