#2284b0 Color Information
In a RGB color space, hex #2284b0 is composed of 13.3% red, 51.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 25% magenta, 0% yellow and 31% black. It has a hue angle of 198.6 degrees, a saturation of 67.6% and a lightness of 41.2%. #2284b0 color hex could be obtained by blending #44ffff with #000961. Closest websafe color is: #339999.
-
- R 13
- G 52
- B 69
-
- C 81
- M 25
- Y 0
- K 31
● #2284b0 color description : Dark blue.
#2284b0 Color Conversion
The hexadecimal color #2284b0 has RGB values of R:34, G:132, B:176 and CMYK values of C:0.81, M:0.25, Y:0, K:0.31. Its decimal value is 2262192.
Hex triplet | 2284b0 | #2284b0 |
---|---|---|
RGB Decimal | 34, 132, 176 | rgb(34,132,176) |
RGB Percent | 13.3, 51.8, 69 | rgb(13.3%,51.8%,69%) |
CMYK | 81, 25, 0, 31 | |
HSL | 198.6°, 67.6, 41.2 | hsl(198.6,67.6%,41.2%) |
HSV (or HSB) | 198.6°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 51.81, -11.984, -31.001 |
---|---|
XYZ | 16.745, 19.976, 44.045 |
xyY | 0.207, 0.247, 19.976 |
CIE-LCH | 51.81, 33.236, 248.865 |
CIE-LUV | 51.81, -32.665, -45.463 |
Hunter-Lab | 44.694, -11.337, -27.143 |
Binary | 00100010, 10000100, 10110000 |
Color Schemes with #2284b0
Alternatives to #2284b0
Below, you can see some colors close to #2284b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2284b0 Preview
This text has a font color of #2284b0.
<span style="color:#2284b0;">Text here</span>
This paragraph has a background color of #2284b0.
<p style="background-color:#2284b0;">Content here</p>
This element has a border color of #2284b0.
<div style="border:1px solid #2284b0;">Content here</div>
.text {color:#2284b0;}
.background {background-color:#2284b0;}
.border {border:1px solid #2284b0;}
Shades and Tints of #2284b0
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, #02090c is the darkest color, while #fafdfe is the lightest one.
-
#02090c
#02090c
rgb(2,9,12)
-
#05151c
#05151c
rgb(5,21,28)
-
#09212c
#09212c
rgb(9,33,44)
-
#0c2e3d
#0c2e3d
rgb(12,46,61)
-
#0f3a4d
#0f3a4d
rgb(15,58,77)
-
#12465e
#12465e
rgb(18,70,94)
-
#15536e
#15536e
rgb(21,83,110)
-
#185f7f
#185f7f
rgb(24,95,127)
-
#1c6b8f
#1c6b8f
rgb(28,107,143)
-
#1f78a0
#1f78a0
rgb(31,120,160)
-
#2284b0
#2284b0
rgb(34,132,176)
-
#2590c0
#2590c0
rgb(37,144,192)
-
#289dd1
#289dd1
rgb(40,157,209)
-
#35a5d8
#35a5d8
rgb(53,165,216)
-
#45addb
#45addb
rgb(69,173,219)
-
#56b4de
#56b4de
rgb(86,180,222)
-
#66bbe1
#66bbe1
rgb(102,187,225)
-
#77c3e5
#77c3e5
rgb(119,195,229)
-
#87cae8
#87cae8
rgb(135,202,232)
-
#98d1eb
#98d1eb
rgb(152,209,235)
-
#a8d8ee
#a8d8ee
rgb(168,216,238)
-
#b8e0f1
#b8e0f1
rgb(184,224,241)
-
#c9e7f5
#c9e7f5
rgb(201,231,245)
-
#d9eef8
#d9eef8
rgb(217,238,248)
-
#eaf6fb
#eaf6fb
rgb(234,246,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #2284b0
A tone is produced by adding gray to any pure hue. In this case, #636b6f is the less saturated color, while #0290d0 is the most saturated one.
-
#636b6f
#636b6f
rgb(99,107,111)
-
#5b6e77
#5b6e77
rgb(91,110,119)
-
#527280
#527280
rgb(82,114,128)
-
#4a7588
#4a7588
rgb(74,117,136)
-
#427890
#427890
rgb(66,120,144)
-
#3a7b98
#3a7b98
rgb(58,123,152)
-
#327ea0
#327ea0
rgb(50,126,160)
-
#2a81a8
#2a81a8
rgb(42,129,168)
-
#2284b0
#2284b0
rgb(34,132,176)
-
#1a87b8
#1a87b8
rgb(26,135,184)
-
#128ac0
#128ac0
rgb(18,138,192)
-
#0a8dc8
#0a8dc8
rgb(10,141,200)
-
#0290d0
#0290d0
rgb(2,144,208)
Color Blindness Simulator
Below, you can see how #2284b0 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.