#228be1 Color Information
In a RGB color space, hex #228be1 is composed of 13.3% red, 54.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 38.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 207 degrees, a saturation of 76.1% and a lightness of 50.8%. #228be1 color hex could be obtained by blending #44ffff with #0017c3. Closest websafe color is: #3399cc.
-
- R 13
- G 55
- B 88
-
- C 85
- M 38
- Y 0
- K 12
● #228be1 color description : Bright blue.
#228be1 Color Conversion
The hexadecimal color #228be1 has RGB values of R:34, G:139, B:225 and CMYK values of C:0.85, M:0.38, Y:0, K:0.12. Its decimal value is 2264033.
Hex triplet | 228be1 | #228be1 |
---|---|---|
RGB Decimal | 34, 139, 225 | rgb(34,139,225) |
RGB Percent | 13.3, 54.5, 88.2 | rgb(13.3%,54.5%,88.2%) |
CMYK | 85, 38, 0, 12 | |
HSL | 207°, 76.1, 50.8 | hsl(207,76.1%,50.8%) |
HSV (or HSB) | 207°, 84.9, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.327, 1.976, -51.67 |
---|---|
XYZ | 23.48, 24.239, 74.671 |
xyY | 0.192, 0.198, 24.239 |
CIE-LCH | 56.327, 51.708, 272.19 |
CIE-LUV | 56.327, -32.327, -81.528 |
Hunter-Lab | 49.234, -1.031, -55.46 |
Binary | 00100010, 10001011, 11100001 |
Color Schemes with #228be1
Alternatives to #228be1
Below, you can see some colors close to #228be1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228be1 Preview
This text has a font color of #228be1.
<span style="color:#228be1;">Text here</span>
This paragraph has a background color of #228be1.
<p style="background-color:#228be1;">Content here</p>
This element has a border color of #228be1.
<div style="border:1px solid #228be1;">Content here</div>
.text {color:#228be1;}
.background {background-color:#228be1;}
.border {border:1px solid #228be1;}
Shades and Tints of #228be1
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, #000204 is the darkest color, while #f1f8fd is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#030d15
#030d15
rgb(3,13,21)
-
#051726
#051726
rgb(5,23,38)
-
#082237
#082237
rgb(8,34,55)
-
#0a2c49
#0a2c49
rgb(10,44,73)
-
#0c375a
#0c375a
rgb(12,55,90)
-
#0f416b
#0f416b
rgb(15,65,107)
-
#114c7c
#114c7c
rgb(17,76,124)
-
#13578e
#13578e
rgb(19,87,142)
-
#16619f
#16619f
rgb(22,97,159)
-
#186cb0
#186cb0
rgb(24,108,176)
-
#1a76c2
#1a76c2
rgb(26,118,194)
-
#1d81d3
#1d81d3
rgb(29,129,211)
-
#228be1
#228be1
rgb(34,139,225)
-
#3394e3
#3394e3
rgb(51,148,227)
-
#459de6
#459de6
rgb(69,157,230)
-
#56a6e8
#56a6e8
rgb(86,166,232)
-
#67afea
#67afea
rgb(103,175,234)
-
#78b8ed
#78b8ed
rgb(120,184,237)
-
#8ac1ef
#8ac1ef
rgb(138,193,239)
-
#9bcaf1
#9bcaf1
rgb(155,202,241)
-
#acd4f4
#acd4f4
rgb(172,212,244)
-
#bdddf6
#bdddf6
rgb(189,221,246)
-
#cfe6f8
#cfe6f8
rgb(207,230,248)
-
#e0effb
#e0effb
rgb(224,239,251)
-
#f1f8fd
#f1f8fd
rgb(241,248,253)
Tones of #228be1
A tone is produced by adding gray to any pure hue. In this case, #79828a is the less saturated color, while #058efe is the most saturated one.
-
#79828a
#79828a
rgb(121,130,138)
-
#6f8394
#6f8394
rgb(111,131,148)
-
#66849d
#66849d
rgb(102,132,157)
-
#5c85a7
#5c85a7
rgb(92,133,167)
-
#5286b1
#5286b1
rgb(82,134,177)
-
#4987ba
#4987ba
rgb(73,135,186)
-
#3f88c4
#3f88c4
rgb(63,136,196)
-
#3589ce
#3589ce
rgb(53,137,206)
-
#2c8ad7
#2c8ad7
rgb(44,138,215)
-
#228be1
#228be1
rgb(34,139,225)
-
#188ceb
#188ceb
rgb(24,140,235)
-
#0f8df4
#0f8df4
rgb(15,141,244)
-
#058efe
#058efe
rgb(5,142,254)
Color Blindness Simulator
Below, you can see how #228be1 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.