#1886f3 Color Information
In a RGB color space, hex #1886f3 is composed of 9.4% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 90.1% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.9 degrees, a saturation of 90.1% and a lightness of 52.4%. #1886f3 color hex could be obtained by blending #30ffff with #000de7. Closest websafe color is: #0099ff.
-
- R 9
- G 53
- B 95
-
- C 90
- M 45
- Y 0
- K 5
● #1886f3 color description : Vivid blue.
#1886f3 Color Conversion
The hexadecimal color #1886f3 has RGB values of R:24, G:134, B:243 and CMYK values of C:0.9, M:0.45, Y:0, K:0.05. Its decimal value is 1607411.
Hex triplet | 1886f3 | #1886f3 |
---|---|---|
RGB Decimal | 24, 134, 243 | rgb(24,134,243) |
RGB Percent | 9.4, 52.5, 95.3 | rgb(9.4%,52.5%,95.3%) |
CMYK | 90, 45, 0, 5 | |
HSL | 209.9°, 90.1, 52.4 | hsl(209.9,90.1%,52.4%) |
HSV (or HSB) | 209.9°, 90.1, 95.3 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 55.8, 11.202, -62.535 |
---|---|
XYZ | 25.076, 23.713, 88.045 |
xyY | 0.183, 0.173, 23.713 |
CIE-LCH | 55.8, 63.531, 280.156 |
CIE-LUV | 55.8, -30.691, -99.674 |
Hunter-Lab | 48.696, 6.699, -73.111 |
Binary | 00011000, 10000110, 11110011 |
Color Schemes with #1886f3
Alternatives to #1886f3
Below, you can see some colors close to #1886f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1886f3 Preview
This text has a font color of #1886f3.
<span style="color:#1886f3;">Text here</span>
This paragraph has a background color of #1886f3.
<p style="background-color:#1886f3;">Content here</p>
This element has a border color of #1886f3.
<div style="border:1px solid #1886f3;">Content here</div>
.text {color:#1886f3;}
.background {background-color:#1886f3;}
.border {border:1px solid #1886f3;}
Shades and Tints of #1886f3
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, #01060b is the darkest color, while #f8fbff is the lightest one.
-
#01060b
#01060b
rgb(1,6,11)
-
#02101e
#02101e
rgb(2,16,30)
-
#031a31
#031a31
rgb(3,26,49)
-
#032443
#032443
rgb(3,36,67)
-
#042d56
#042d56
rgb(4,45,86)
-
#053769
#053769
rgb(5,55,105)
-
#06417b
#06417b
rgb(6,65,123)
-
#074b8e
#074b8e
rgb(7,75,142)
-
#0855a1
#0855a1
rgb(8,85,161)
-
#095fb3
#095fb3
rgb(9,95,179)
-
#0a69c6
#0a69c6
rgb(10,105,198)
-
#0b72d9
#0b72d9
rgb(11,114,217)
-
#0c7ceb
#0c7ceb
rgb(12,124,235)
-
#1886f3
#1886f3
rgb(24,134,243)
-
#2b90f4
#2b90f4
rgb(43,144,244)
-
#3d9af5
#3d9af5
rgb(61,154,245)
-
#50a3f6
#50a3f6
rgb(80,163,246)
-
#63adf7
#63adf7
rgb(99,173,247)
-
#75b7f8
#75b7f8
rgb(117,183,248)
-
#88c1f9
#88c1f9
rgb(136,193,249)
-
#9bcafa
#9bcafa
rgb(155,202,250)
-
#add4fb
#add4fb
rgb(173,212,251)
-
#c0defc
#c0defc
rgb(192,222,252)
-
#d2e8fd
#d2e8fd
rgb(210,232,253)
-
#e5f1fe
#e5f1fe
rgb(229,241,254)
-
#f8fbff
#f8fbff
rgb(248,251,255)
Tones of #1886f3
A tone is produced by adding gray to any pure hue. In this case, #7f868c is the less saturated color, while #0f86fc is the most saturated one.
-
#7f868c
#7f868c
rgb(127,134,140)
-
#758696
#758696
rgb(117,134,150)
-
#6c869f
#6c869f
rgb(108,134,159)
-
#6386a8
#6386a8
rgb(99,134,168)
-
#5986b2
#5986b2
rgb(89,134,178)
-
#5086bb
#5086bb
rgb(80,134,187)
-
#4786c4
#4786c4
rgb(71,134,196)
-
#3d86ce
#3d86ce
rgb(61,134,206)
-
#3486d7
#3486d7
rgb(52,134,215)
-
#2b86e0
#2b86e0
rgb(43,134,224)
-
#2186ea
#2186ea
rgb(33,134,234)
-
#1886f3
#1886f3
rgb(24,134,243)
-
#0f86fc
#0f86fc
rgb(15,134,252)
Color Blindness Simulator
Below, you can see how #1886f3 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.