#225b82 Color Information
In a RGB color space, hex #225b82 is composed of 13.3% red, 35.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 30% magenta, 0% yellow and 49% black. It has a hue angle of 204.4 degrees, a saturation of 58.5% and a lightness of 32.2%. #225b82 color hex could be obtained by blending #44b6ff with #000005. Closest websafe color is: #336699.
-
- R 13
- G 36
- B 51
-
- C 74
- M 30
- Y 0
- K 49
● #225b82 color description : Dark blue.
#225b82 Color Conversion
The hexadecimal color #225b82 has RGB values of R:34, G:91, B:130 and CMYK values of C:0.74, M:0.3, Y:0, K:0.49. Its decimal value is 2251650.
Hex triplet | 225b82 | #225b82 |
---|---|---|
RGB Decimal | 34, 91, 130 | rgb(34,91,130) |
RGB Percent | 13.3, 35.7, 51 | rgb(13.3%,35.7%,51%) |
CMYK | 74, 30, 0, 49 | |
HSL | 204.4°, 58.5, 32.2 | hsl(204.4,58.5%,32.2%) |
HSV (or HSB) | 204.4°, 73.8, 51 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.805, -4.638, -27.188 |
---|---|
XYZ | 8.429, 9.433, 22.494 |
xyY | 0.209, 0.234, 9.433 |
CIE-LCH | 36.805, 27.581, 260.319 |
CIE-LUV | 36.805, -20.459, -37.242 |
Hunter-Lab | 30.714, -4.761, -21.924 |
Binary | 00100010, 01011011, 10000010 |
Color Schemes with #225b82
Alternatives to #225b82
Below, you can see some colors close to #225b82. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#225b82 Preview
This text has a font color of #225b82.
<span style="color:#225b82;">Text here</span>
This paragraph has a background color of #225b82.
<p style="background-color:#225b82;">Content here</p>
This element has a border color of #225b82.
<div style="border:1px solid #225b82;">Content here</div>
.text {color:#225b82;}
.background {background-color:#225b82;}
.border {border:1px solid #225b82;}
Shades and Tints of #225b82
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 #f5f9fc is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#060f15
#060f15
rgb(6,15,21)
-
#0a1a25
#0a1a25
rgb(10,26,37)
-
#0e2534
#0e2534
rgb(14,37,52)
-
#122f44
#122f44
rgb(18,47,68)
-
#163a53
#163a53
rgb(22,58,83)
-
#1a4563
#1a4563
rgb(26,69,99)
-
#1e5072
#1e5072
rgb(30,80,114)
-
#225b82
#225b82
rgb(34,91,130)
-
#266692
#266692
rgb(38,102,146)
-
#2a71a1
#2a71a1
rgb(42,113,161)
-
#2e7cb1
#2e7cb1
rgb(46,124,177)
-
#3287c0
#3287c0
rgb(50,135,192)
-
#3a91cc
#3a91cc
rgb(58,145,204)
-
#4a99d0
#4a99d0
rgb(74,153,208)
-
#5aa2d4
#5aa2d4
rgb(90,162,212)
-
#69abd8
#69abd8
rgb(105,171,216)
-
#79b4dc
#79b4dc
rgb(121,180,220)
-
#88bce0
#88bce0
rgb(136,188,224)
-
#98c5e4
#98c5e4
rgb(152,197,228)
-
#a7cee8
#a7cee8
rgb(167,206,232)
-
#b7d6ec
#b7d6ec
rgb(183,214,236)
-
#c6dff0
#c6dff0
rgb(198,223,240)
-
#d6e8f4
#d6e8f4
rgb(214,232,244)
-
#e6f1f8
#e6f1f8
rgb(230,241,248)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #225b82
A tone is produced by adding gray to any pure hue. In this case, #4e5356 is the less saturated color, while #0261a2 is the most saturated one.
-
#4e5356
#4e5356
rgb(78,83,86)
-
#48545c
#48545c
rgb(72,84,92)
-
#425562
#425562
rgb(66,85,98)
-
#3b5669
#3b5669
rgb(59,86,105)
-
#35576f
#35576f
rgb(53,87,111)
-
#2f5975
#2f5975
rgb(47,89,117)
-
#285a7c
#285a7c
rgb(40,90,124)
-
#225b82
#225b82
rgb(34,91,130)
-
#1c5c88
#1c5c88
rgb(28,92,136)
-
#155d8f
#155d8f
rgb(21,93,143)
-
#0f5f95
#0f5f95
rgb(15,95,149)
-
#09609b
#09609b
rgb(9,96,155)
-
#0261a2
#0261a2
rgb(2,97,162)
Color Blindness Simulator
Below, you can see how #225b82 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.