#228bba Color Information
In a RGB color space, hex #228bba is composed of 13.3% red, 54.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 25.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 198.6 degrees, a saturation of 69.1% and a lightness of 43.1%. #228bba color hex could be obtained by blending #44ffff with #001775. Closest websafe color is: #3399cc.
-
- R 13
- G 55
- B 73
-
- C 82
- M 25
- Y 0
- K 27
● #228bba color description : Strong blue.
#228bba Color Conversion
The hexadecimal color #228bba has RGB values of R:34, G:139, B:186 and CMYK values of C:0.82, M:0.25, Y:0, K:0.27. Its decimal value is 2263994.
Hex triplet | 228bba | #228bba |
---|---|---|
RGB Decimal | 34, 139, 186 | rgb(34,139,186) |
RGB Percent | 13.3, 54.5, 72.9 | rgb(13.3%,54.5%,72.9%) |
CMYK | 82, 25, 0, 27 | |
HSL | 198.6°, 69.1, 43.1 | hsl(198.6,69.1%,43.1%) |
HSV (or HSB) | 198.6°, 81.7, 72.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.395, -12.346, -32.7 |
---|---|
XYZ | 18.753, 22.349, 49.777 |
xyY | 0.206, 0.246, 22.349 |
CIE-LCH | 54.395, 34.953, 249.315 |
CIE-LUV | 54.395, -34.511, -48.586 |
Hunter-Lab | 47.275, -11.923, -29.336 |
Binary | 00100010, 10001011, 10111010 |
Color Schemes with #228bba
Alternatives to #228bba
Below, you can see some colors close to #228bba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228bba Preview
This text has a font color of #228bba.
<span style="color:#228bba;">Text here</span>
This paragraph has a background color of #228bba.
<p style="background-color:#228bba;">Content here</p>
This element has a border color of #228bba.
<div style="border:1px solid #228bba;">Content here</div>
.text {color:#228bba;}
.background {background-color:#228bba;}
.border {border:1px solid #228bba;}
Shades and Tints of #228bba
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, #010304 is the darkest color, while #f2f9fd is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#040f14
#040f14
rgb(4,15,20)
-
#071b25
#071b25
rgb(7,27,37)
-
#0a2835
#0a2835
rgb(10,40,53)
-
#0d3446
#0d3446
rgb(13,52,70)
-
#104156
#104156
rgb(16,65,86)
-
#134d67
#134d67
rgb(19,77,103)
-
#165978
#165978
rgb(22,89,120)
-
#196688
#196688
rgb(25,102,136)
-
#1c7299
#1c7299
rgb(28,114,153)
-
#1f7fa9
#1f7fa9
rgb(31,127,169)
-
#228bba
#228bba
rgb(34,139,186)
-
#2597cb
#2597cb
rgb(37,151,203)
-
#2ba3d8
#2ba3d8
rgb(43,163,216)
-
#3caadb
#3caadb
rgb(60,170,219)
-
#4cb1de
#4cb1de
rgb(76,177,222)
-
#5db8e1
#5db8e1
rgb(93,184,225)
-
#6dc0e4
#6dc0e4
rgb(109,192,228)
-
#7ec7e7
#7ec7e7
rgb(126,199,231)
-
#8eceea
#8eceea
rgb(142,206,234)
-
#9fd5ed
#9fd5ed
rgb(159,213,237)
-
#b0dcf0
#b0dcf0
rgb(176,220,240)
-
#c0e4f4
#c0e4f4
rgb(192,228,244)
-
#d1ebf7
#d1ebf7
rgb(209,235,247)
-
#e1f2fa
#e1f2fa
rgb(225,242,250)
-
#f2f9fd
#f2f9fd
rgb(242,249,253)
Tones of #228bba
A tone is produced by adding gray to any pure hue. In this case, #667176 is the less saturated color, while #0098dc is the most saturated one.
-
#667176
#667176
rgb(102,113,118)
-
#5d747f
#5d747f
rgb(93,116,127)
-
#557887
#557887
rgb(85,120,135)
-
#4c7b90
#4c7b90
rgb(76,123,144)
-
#447e98
#447e98
rgb(68,126,152)
-
#3b81a1
#3b81a1
rgb(59,129,161)
-
#3385a9
#3385a9
rgb(51,133,169)
-
#2a88b2
#2a88b2
rgb(42,136,178)
-
#228bba
#228bba
rgb(34,139,186)
-
#1a8ec2
#1a8ec2
rgb(26,142,194)
-
#1191cb
#1191cb
rgb(17,145,203)
-
#0995d3
#0995d3
rgb(9,149,211)
-
#0098dc
#0098dc
rgb(0,152,220)
Color Blindness Simulator
Below, you can see how #228bba 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.