#2196fd Color Information
In a RGB color space, hex #2196fd is composed of 12.9% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.1 degrees, a saturation of 98.2% and a lightness of 56.1%. #2196fd color hex could be obtained by blending #42ffff with #002dfb. Closest websafe color is: #3399ff.
-
- R 13
- G 59
- B 99
-
- C 87
- M 41
- Y 0
- K 1
● #2196fd color description : Vivid blue.
#2196fd Color Conversion
The hexadecimal color #2196fd has RGB values of R:33, G:150, B:253 and CMYK values of C:0.87, M:0.41, Y:0, K:0.01. Its decimal value is 2201341.
Hex triplet | 2196fd | #2196fd |
---|---|---|
RGB Decimal | 33, 150, 253 | rgb(33,150,253) |
RGB Percent | 12.9, 58.8, 99.2 | rgb(12.9%,58.8%,99.2%) |
CMYK | 87, 41, 0, 1 | |
HSL | 208.1°, 98.2, 56.1 | hsl(208.1,98.2%,56.1%) |
HSV (or HSB) | 208.1°, 87, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.98, 5.796, -59.733 |
---|---|
XYZ | 29.259, 29.225, 97.022 |
xyY | 0.188, 0.188, 29.225 |
CIE-LCH | 60.98, 60.013, 275.542 |
CIE-LUV | 60.98, -34.549, -96.442 |
Hunter-Lab | 54.06, 2.004, -68.565 |
Binary | 00100001, 10010110, 11111101 |
Color Schemes with #2196fd
Alternatives to #2196fd
Below, you can see some colors close to #2196fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2196fd Preview
This text has a font color of #2196fd.
<span style="color:#2196fd;">Text here</span>
This paragraph has a background color of #2196fd.
<p style="background-color:#2196fd;">Content here</p>
This element has a border color of #2196fd.
<div style="border:1px solid #2196fd;">Content here</div>
.text {color:#2196fd;}
.background {background-color:#2196fd;}
.border {border:1px solid #2196fd;}
Shades and Tints of #2196fd
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, #00060b is the darkest color, while #f7fbff is the lightest one.
-
#00060b
#00060b
rgb(0,6,11)
-
#00101f
#00101f
rgb(0,16,31)
-
#001b32
#001b32
rgb(0,27,50)
-
#012546
#012546
rgb(1,37,70)
-
#013059
#013059
rgb(1,48,89)
-
#013a6c
#013a6c
rgb(1,58,108)
-
#014580
#014580
rgb(1,69,128)
-
#014f93
#014f93
rgb(1,79,147)
-
#0259a7
#0259a7
rgb(2,89,167)
-
#0264ba
#0264ba
rgb(2,100,186)
-
#026ece
#026ece
rgb(2,110,206)
-
#0279e1
#0279e1
rgb(2,121,225)
-
#0283f5
#0283f5
rgb(2,131,245)
-
#0e8dfd
#0e8dfd
rgb(14,141,253)
-
#2196fd
#2196fd
rgb(33,150,253)
-
#349ffd
#349ffd
rgb(52,159,253)
-
#48a8fd
#48a8fd
rgb(72,168,253)
-
#5bb2fe
#5bb2fe
rgb(91,178,254)
-
#6fbbfe
#6fbbfe
rgb(111,187,254)
-
#82c4fe
#82c4fe
rgb(130,196,254)
-
#96cdfe
#96cdfe
rgb(150,205,254)
-
#a9d6fe
#a9d6fe
rgb(169,214,254)
-
#bde0fe
#bde0fe
rgb(189,224,254)
-
#d0e9ff
#d0e9ff
rgb(208,233,255)
-
#e3f2ff
#e3f2ff
rgb(227,242,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #2196fd
A tone is produced by adding gray to any pure hue. In this case, #888f96 is the less saturated color, while #2196fd is the most saturated one.
-
#888f96
#888f96
rgb(136,143,150)
-
#80909e
#80909e
rgb(128,144,158)
-
#7791a7
#7791a7
rgb(119,145,167)
-
#6f91af
#6f91af
rgb(111,145,175)
-
#6692b8
#6692b8
rgb(102,146,184)
-
#5d92c1
#5d92c1
rgb(93,146,193)
-
#5593c9
#5593c9
rgb(85,147,201)
-
#4c93d2
#4c93d2
rgb(76,147,210)
-
#4394db
#4394db
rgb(67,148,219)
-
#3b94e3
#3b94e3
rgb(59,148,227)
-
#3295ec
#3295ec
rgb(50,149,236)
-
#2a95f4
#2a95f4
rgb(42,149,244)
-
#2196fd
#2196fd
rgb(33,150,253)
Color Blindness Simulator
Below, you can see how #2196fd 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.