#225e96 Color Information
In a RGB color space, hex #225e96 is composed of 13.3% red, 36.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 37.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 209 degrees, a saturation of 63% and a lightness of 36.1%. #225e96 color hex could be obtained by blending #44bcff with #00002d. Closest websafe color is: #336699.
-
- R 13
- G 37
- B 59
-
- C 77
- M 37
- Y 0
- K 41
● #225e96 color description : Dark blue.
#225e96 Color Conversion
The hexadecimal color #225e96 has RGB values of R:34, G:94, B:150 and CMYK values of C:0.77, M:0.37, Y:0, K:0.41. Its decimal value is 2252438.
Hex triplet | 225e96 | #225e96 |
---|---|---|
RGB Decimal | 34, 94, 150 | rgb(34,94,150) |
RGB Percent | 13.3, 36.9, 58.8 | rgb(13.3%,36.9%,58.8%) |
CMYK | 77, 37, 0, 41 | |
HSL | 209°, 63, 36.1 | hsl(209,63%,36.1%) |
HSV (or HSB) | 209°, 77.3, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.806, 1.109, -36.156 |
---|---|
XYZ | 10.166, 10.547, 30.352 |
xyY | 0.199, 0.207, 10.547 |
CIE-LCH | 38.806, 36.173, 271.757 |
CIE-LUV | 38.806, -20.729, -51.683 |
Hunter-Lab | 32.476, -0.955, -32.681 |
Binary | 00100010, 01011110, 10010110 |
Color Schemes with #225e96
Alternatives to #225e96
Below, you can see some colors close to #225e96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225e96 Preview
This text has a font color of #225e96.
<span style="color:#225e96;">Text here</span>
This paragraph has a background color of #225e96.
<p style="background-color:#225e96;">Content here</p>
This element has a border color of #225e96.
<div style="border:1px solid #225e96;">Content here</div>
.text {color:#225e96;}
.background {background-color:#225e96;}
.border {border:1px solid #225e96;}
Shades and Tints of #225e96
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, #010406 is the darkest color, while #f5f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#050e16
#050e16
rgb(5,14,22)
-
#091826
#091826
rgb(9,24,38)
-
#0c2236
#0c2236
rgb(12,34,54)
-
#102c46
#102c46
rgb(16,44,70)
-
#143656
#143656
rgb(20,54,86)
-
#174066
#174066
rgb(23,64,102)
-
#1b4a76
#1b4a76
rgb(27,74,118)
-
#1e5486
#1e5486
rgb(30,84,134)
-
#225e96
#225e96
rgb(34,94,150)
-
#2668a6
#2668a6
rgb(38,104,166)
-
#2972b6
#2972b6
rgb(41,114,182)
-
#2d7cc6
#2d7cc6
rgb(45,124,198)
-
#3586d1
#3586d1
rgb(53,134,209)
-
#4590d5
#4590d5
rgb(69,144,213)
-
#5599d9
#5599d9
rgb(85,153,217)
-
#65a3dc
#65a3dc
rgb(101,163,220)
-
#75ace0
#75ace0
rgb(117,172,224)
-
#85b6e3
#85b6e3
rgb(133,182,227)
-
#95bfe7
#95bfe7
rgb(149,191,231)
-
#a5c9eb
#a5c9eb
rgb(165,201,235)
-
#b5d3ee
#b5d3ee
rgb(181,211,238)
-
#c5dcf2
#c5dcf2
rgb(197,220,242)
-
#d5e6f6
#d5e6f6
rgb(213,230,246)
-
#e5eff9
#e5eff9
rgb(229,239,249)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #225e96
A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #065fb2 is the most saturated one.
-
#5b5c5d
#5b5c5d
rgb(91,92,93)
-
#545c64
#545c64
rgb(84,92,100)
-
#4c5d6c
#4c5d6c
rgb(76,93,108)
-
#455d73
#455d73
rgb(69,93,115)
-
#3e5d7a
#3e5d7a
rgb(62,93,122)
-
#375d81
#375d81
rgb(55,93,129)
-
#305e88
#305e88
rgb(48,94,136)
-
#295e8f
#295e8f
rgb(41,94,143)
-
#225e96
#225e96
rgb(34,94,150)
-
#1b5e9d
#1b5e9d
rgb(27,94,157)
-
#145ea4
#145ea4
rgb(20,94,164)
-
#0d5fab
#0d5fab
rgb(13,95,171)
-
#065fb2
#065fb2
rgb(6,95,178)
Color Blindness Simulator
Below, you can see how #225e96 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.