#225e99 Color Information
In a RGB color space, hex #225e99 is composed of 13.3% red, 36.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 38.6% magenta, 0% yellow and 40% black. It has a hue angle of 209.7 degrees, a saturation of 63.6% and a lightness of 36.7%. #225e99 color hex could be obtained by blending #44bcff with #000033. Closest websafe color is: #336699.
-
- R 13
- G 37
- B 60
-
- C 78
- M 39
- Y 0
- K 40
● #225e99 color description : Dark blue.
#225e99 Color Conversion
The hexadecimal color #225e99 has RGB values of R:34, G:94, B:153 and CMYK values of C:0.78, M:0.39, Y:0, K:0.4. Its decimal value is 2252441.
Hex triplet | 225e99 | #225e99 |
---|---|---|
RGB Decimal | 34, 94, 153 | rgb(34,94,153) |
RGB Percent | 13.3, 36.9, 60 | rgb(13.3%,36.9%,60%) |
CMYK | 78, 39, 0, 40 | |
HSL | 209.7°, 63.6, 36.7 | hsl(209.7,63.6%,36.7%) |
HSV (or HSB) | 209.7°, 77.8, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.975, 2.269, -37.688 |
---|---|
XYZ | 10.411, 10.645, 31.641 |
xyY | 0.198, 0.202, 10.645 |
CIE-LCH | 38.975, 37.756, 273.446 |
CIE-LUV | 38.975, -20.62, -54.127 |
Hunter-Lab | 32.626, -0.137, -34.662 |
Binary | 00100010, 01011110, 10011001 |
Color Schemes with #225e99
Alternatives to #225e99
Below, you can see some colors close to #225e99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225e99 Preview
This text has a font color of #225e99.
<span style="color:#225e99;">Text here</span>
This paragraph has a background color of #225e99.
<p style="background-color:#225e99;">Content here</p>
This element has a border color of #225e99.
<div style="border:1px solid #225e99;">Content here</div>
.text {color:#225e99;}
.background {background-color:#225e99;}
.border {border:1px solid #225e99;}
Shades and Tints of #225e99
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, #020509 is the darkest color, while #f8fafd is the lightest one.
-
#020509
#020509
rgb(2,5,9)
-
#050f19
#050f19
rgb(5,15,25)
-
#091929
#091929
rgb(9,25,41)
-
#0d2339
#0d2339
rgb(13,35,57)
-
#102d49
#102d49
rgb(16,45,73)
-
#143759
#143759
rgb(20,55,89)
-
#174069
#174069
rgb(23,64,105)
-
#1b4a79
#1b4a79
rgb(27,74,121)
-
#1e5489
#1e5489
rgb(30,84,137)
-
#225e99
#225e99
rgb(34,94,153)
-
#2668a9
#2668a9
rgb(38,104,169)
-
#2972b9
#2972b9
rgb(41,114,185)
-
#2d7cc9
#2d7cc9
rgb(45,124,201)
-
#3785d3
#3785d3
rgb(55,133,211)
-
#478fd6
#478fd6
rgb(71,143,214)
-
#5799da
#5799da
rgb(87,153,218)
-
#67a3dd
#67a3dd
rgb(103,163,221)
-
#77ace1
#77ace1
rgb(119,172,225)
-
#87b6e4
#87b6e4
rgb(135,182,228)
-
#97c0e8
#97c0e8
rgb(151,192,232)
-
#a7caec
#a7caec
rgb(167,202,236)
-
#b7d3ef
#b7d3ef
rgb(183,211,239)
-
#c7ddf3
#c7ddf3
rgb(199,221,243)
-
#d7e7f6
#d7e7f6
rgb(215,231,246)
-
#e7f1fa
#e7f1fa
rgb(231,241,250)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #225e99
A tone is produced by adding gray to any pure hue. In this case, #5c5e5f is the less saturated color, while #055eb6 is the most saturated one.
-
#5c5e5f
#5c5e5f
rgb(92,94,95)
-
#545e67
#545e67
rgb(84,94,103)
-
#4d5e6e
#4d5e6e
rgb(77,94,110)
-
#465e75
#465e75
rgb(70,94,117)
-
#3f5e7c
#3f5e7c
rgb(63,94,124)
-
#385e83
#385e83
rgb(56,94,131)
-
#305e8b
#305e8b
rgb(48,94,139)
-
#295e92
#295e92
rgb(41,94,146)
-
#225e99
#225e99
rgb(34,94,153)
-
#1b5ea0
#1b5ea0
rgb(27,94,160)
-
#145ea7
#145ea7
rgb(20,94,167)
-
#0c5eaf
#0c5eaf
rgb(12,94,175)
-
#055eb6
#055eb6
rgb(5,94,182)
Color Blindness Simulator
Below, you can see how #225e99 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.