#228fa3 Color Information
In a RGB color space, hex #228fa3 is composed of 13.3% red, 56.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 12.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 189.3 degrees, a saturation of 65.5% and a lightness of 38.6%. #228fa3 color hex could be obtained by blending #44ffff with #001f47. Closest websafe color is: #339999.
-
- R 13
- G 56
- B 64
-
- C 79
- M 12
- Y 0
- K 36
● #228fa3 color description : Dark cyan.
#228fa3 Color Conversion
The hexadecimal color #228fa3 has RGB values of R:34, G:143, B:163 and CMYK values of C:0.79, M:0.12, Y:0, K:0.36. Its decimal value is 2264995.
Hex triplet | 228fa3 | #228fa3 |
---|---|---|
RGB Decimal | 34, 143, 163 | rgb(34,143,163) |
RGB Percent | 13.3, 56.1, 63.9 | rgb(13.3%,56.1%,63.9%) |
CMYK | 79, 12, 0, 36 | |
HSL | 189.3°, 65.5, 38.6 | hsl(189.3,65.5%,38.6%) |
HSV (or HSB) | 189.3°, 79.1, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.687, -22.469, -19.08 |
---|---|
XYZ | 17.091, 22.628, 38.115 |
xyY | 0.22, 0.291, 22.628 |
CIE-LCH | 54.687, 29.477, 220.336 |
CIE-LUV | 54.687, -37.428, -25.468 |
Hunter-Lab | 47.569, -19.111, -14.209 |
Binary | 00100010, 10001111, 10100011 |
Color Schemes with #228fa3
Alternatives to #228fa3
Below, you can see some colors close to #228fa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228fa3 Preview
This text has a font color of #228fa3.
<span style="color:#228fa3;">Text here</span>
This paragraph has a background color of #228fa3.
<p style="background-color:#228fa3;">Content here</p>
This element has a border color of #228fa3.
<div style="border:1px solid #228fa3;">Content here</div>
.text {color:#228fa3;}
.background {background-color:#228fa3;}
.border {border:1px solid #228fa3;}
Shades and Tints of #228fa3
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, #000101 is the darkest color, while #effafc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040f11
#040f11
rgb(4,15,17)
-
#071d21
#071d21
rgb(7,29,33)
-
#0a2b31
#0a2b31
rgb(10,43,49)
-
#0e3a42
#0e3a42
rgb(14,58,66)
-
#114852
#114852
rgb(17,72,82)
-
#145662
#145662
rgb(20,86,98)
-
#186472
#186472
rgb(24,100,114)
-
#1b7383
#1b7383
rgb(27,115,131)
-
#1f8193
#1f8193
rgb(31,129,147)
-
#228fa3
#228fa3
rgb(34,143,163)
-
#259db3
#259db3
rgb(37,157,179)
-
#29abc3
#29abc3
rgb(41,171,195)
-
#2db9d3
#2db9d3
rgb(45,185,211)
-
#3dbfd7
#3dbfd7
rgb(61,191,215)
-
#4dc4da
#4dc4da
rgb(77,196,218)
-
#5dc9dd
#5dc9dd
rgb(93,201,221)
-
#6ecfe1
#6ecfe1
rgb(110,207,225)
-
#7ed4e4
#7ed4e4
rgb(126,212,228)
-
#8edae7
#8edae7
rgb(142,218,231)
-
#9edfeb
#9edfeb
rgb(158,223,235)
-
#afe4ee
#afe4ee
rgb(175,228,238)
-
#bfeaf2
#bfeaf2
rgb(191,234,242)
-
#cfeff5
#cfeff5
rgb(207,239,245)
-
#dff4f8
#dff4f8
rgb(223,244,248)
-
#effafc
#effafc
rgb(239,250,252)
Tones of #228fa3
A tone is produced by adding gray to any pure hue. In this case, #5f6566 is the less saturated color, while #04a4c1 is the most saturated one.
-
#5f6566
#5f6566
rgb(95,101,102)
-
#576a6e
#576a6e
rgb(87,106,110)
-
#4f7076
#4f7076
rgb(79,112,118)
-
#48757d
#48757d
rgb(72,117,125)
-
#407a85
#407a85
rgb(64,122,133)
-
#397f8c
#397f8c
rgb(57,127,140)
-
#318594
#318594
rgb(49,133,148)
-
#2a8a9b
#2a8a9b
rgb(42,138,155)
-
#228fa3
#228fa3
rgb(34,143,163)
-
#1a94ab
#1a94ab
rgb(26,148,171)
-
#1399b2
#1399b2
rgb(19,153,178)
-
#0b9fba
#0b9fba
rgb(11,159,186)
-
#04a4c1
#04a4c1
rgb(4,164,193)
Color Blindness Simulator
Below, you can see how #228fa3 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.