#2197b2 Color Information
In a RGB color space, hex #2197b2 is composed of 12.9% red, 59.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 15.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 191.2 degrees, a saturation of 68.7% and a lightness of 41.4%. #2197b2 color hex could be obtained by blending #42ffff with #002f65. Closest websafe color is: #339999.
-
- R 13
- G 59
- B 70
-
- C 81
- M 15
- Y 0
- K 30
● #2197b2 color description : Dark cyan.
#2197b2 Color Conversion
The hexadecimal color #2197b2 has RGB values of R:33, G:151, B:178 and CMYK values of C:0.81, M:0.15, Y:0, K:0.3. Its decimal value is 2201522.
Hex triplet | 2197b2 | #2197b2 |
---|---|---|
RGB Decimal | 33, 151, 178 | rgb(33,151,178) |
RGB Percent | 12.9, 59.2, 69.8 | rgb(12.9%,59.2%,69.8%) |
CMYK | 81, 15, 0, 30 | |
HSL | 191.2°, 68.7, 41.4 | hsl(191.2,68.7%,41.4%) |
HSV (or HSB) | 191.2°, 81.5, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 57.722, -21.727, -22.999 |
---|---|
XYZ | 19.727, 25.669, 46.032 |
xyY | 0.216, 0.281, 25.669 |
CIE-LCH | 57.722, 31.639, 226.629 |
CIE-LUV | 57.722, -39.38, -32.095 |
Hunter-Lab | 50.665, -19.16, -18.403 |
Binary | 00100001, 10010111, 10110010 |
Color Schemes with #2197b2
Alternatives to #2197b2
Below, you can see some colors close to #2197b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2197b2 Preview
This text has a font color of #2197b2.
<span style="color:#2197b2;">Text here</span>
This paragraph has a background color of #2197b2.
<p style="background-color:#2197b2;">Content here</p>
This element has a border color of #2197b2.
<div style="border:1px solid #2197b2;">Content here</div>
.text {color:#2197b2;}
.background {background-color:#2197b2;}
.border {border:1px solid #2197b2;}
Shades and Tints of #2197b2
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, #020b0d is the darkest color, while #fbfefe is the lightest one.
-
#020b0d
#020b0d
rgb(2,11,13)
-
#05191d
#05191d
rgb(5,25,29)
-
#08272e
#08272e
rgb(8,39,46)
-
#0c353e
#0c353e
rgb(12,53,62)
-
#0f434f
#0f434f
rgb(15,67,79)
-
#12515f
#12515f
rgb(18,81,95)
-
#155f70
#155f70
rgb(21,95,112)
-
#186d80
#186d80
rgb(24,109,128)
-
#1b7b91
#1b7b91
rgb(27,123,145)
-
#1e89a1
#1e89a1
rgb(30,137,161)
-
#2197b2
#2197b2
rgb(33,151,178)
-
#24a5c3
#24a5c3
rgb(36,165,195)
-
#27b3d3
#27b3d3
rgb(39,179,211)
-
#34bbd9
#34bbd9
rgb(52,187,217)
-
#45c0dd
#45c0dd
rgb(69,192,221)
-
#56c6e0
#56c6e0
rgb(86,198,224)
-
#66cbe3
#66cbe3
rgb(102,203,227)
-
#77d1e6
#77d1e6
rgb(119,209,230)
-
#87d7e9
#87d7e9
rgb(135,215,233)
-
#98dcec
#98dcec
rgb(152,220,236)
-
#a8e2ef
#a8e2ef
rgb(168,226,239)
-
#b9e7f2
#b9e7f2
rgb(185,231,242)
-
#c9edf5
#c9edf5
rgb(201,237,245)
-
#daf2f8
#daf2f8
rgb(218,242,248)
-
#eaf8fb
#eaf8fb
rgb(234,248,251)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #2197b2
A tone is produced by adding gray to any pure hue. In this case, #626e71 is the less saturated color, while #01abd2 is the most saturated one.
-
#626e71
#626e71
rgb(98,110,113)
-
#5a7379
#5a7379
rgb(90,115,121)
-
#527881
#527881
rgb(82,120,129)
-
#4a7e89
#4a7e89
rgb(74,126,137)
-
#418392
#418392
rgb(65,131,146)
-
#39889a
#39889a
rgb(57,136,154)
-
#318da2
#318da2
rgb(49,141,162)
-
#2992aa
#2992aa
rgb(41,146,170)
-
#2197b2
#2197b2
rgb(33,151,178)
-
#199cba
#199cba
rgb(25,156,186)
-
#11a1c2
#11a1c2
rgb(17,161,194)
-
#09a6ca
#09a6ca
rgb(9,166,202)
-
#01abd2
#01abd2
rgb(1,171,210)
Color Blindness Simulator
Below, you can see how #2197b2 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.