#1f77fa Color Information
In a RGB color space, hex #1f77fa is composed of 12.2% red, 46.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 52.4% magenta, 0% yellow and 2% black. It has a hue angle of 215.9 degrees, a saturation of 95.6% and a lightness of 55.1%. #1f77fa color hex could be obtained by blending #3eeeff with #0000f5. Closest websafe color is: #3366ff.
-
- R 12
- G 47
- B 98
-
- C 88
- M 52
- Y 0
- K 2
● #1f77fa color description : Vivid blue.
#1f77fa Color Conversion
The hexadecimal color #1f77fa has RGB values of R:31, G:119, B:250 and CMYK values of C:0.88, M:0.52, Y:0, K:0.02. Its decimal value is 2062330.
Hex triplet | 1f77fa | #1f77fa |
---|---|---|
RGB Decimal | 31, 119, 250 | rgb(31,119,250) |
RGB Percent | 12.2, 46.7, 98 | rgb(12.2%,46.7%,98%) |
CMYK | 88, 52, 0, 2 | |
HSL | 215.9°, 95.6, 55.1 | hsl(215.9,95.6%,55.1%) |
HSV (or HSB) | 215.9°, 87.6, 98 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.27, 23.568, -72.111 |
---|---|
XYZ | 24.413, 20.385, 93.085 |
xyY | 0.177, 0.148, 20.385 |
CIE-LCH | 52.27, 75.865, 288.099 |
CIE-LUV | 52.27, -25.553, -113.681 |
Hunter-Lab | 45.15, 17.507, -90.633 |
Binary | 00011111, 01110111, 11111010 |
Color Schemes with #1f77fa
Alternatives to #1f77fa
Below, you can see some colors close to #1f77fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77fa Preview
This text has a font color of #1f77fa.
<span style="color:#1f77fa;">Text here</span>
This paragraph has a background color of #1f77fa.
<p style="background-color:#1f77fa;">Content here</p>
This element has a border color of #1f77fa.
<div style="border:1px solid #1f77fa;">Content here</div>
.text {color:#1f77fa;}
.background {background-color:#1f77fa;}
.border {border:1px solid #1f77fa;}
Shades and Tints of #1f77fa
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, #000306 is the darkest color, while #f2f7ff is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#010b19
#010b19
rgb(1,11,25)
-
#01132d
#01132d
rgb(1,19,45)
-
#011a40
#011a40
rgb(1,26,64)
-
#022253
#022253
rgb(2,34,83)
-
#022a66
#022a66
rgb(2,42,102)
-
#033279
#033279
rgb(3,50,121)
-
#033a8d
#033a8d
rgb(3,58,141)
-
#0442a0
#0442a0
rgb(4,66,160)
-
#044ab3
#044ab3
rgb(4,74,179)
-
#0452c6
#0452c6
rgb(4,82,198)
-
#055ad9
#055ad9
rgb(5,90,217)
-
#0562ec
#0562ec
rgb(5,98,236)
-
#0c6bfa
#0c6bfa
rgb(12,107,250)
-
#1f77fa
#1f77fa
rgb(31,119,250)
-
#3283fa
#3283fa
rgb(50,131,250)
-
#458efb
#458efb
rgb(69,142,251)
-
#599afb
#599afb
rgb(89,154,251)
-
#6ca6fc
#6ca6fc
rgb(108,166,252)
-
#7fb1fc
#7fb1fc
rgb(127,177,252)
-
#92bdfd
#92bdfd
rgb(146,189,253)
-
#a5c9fd
#a5c9fd
rgb(165,201,253)
-
#b8d4fd
#b8d4fd
rgb(184,212,253)
-
#cce0fe
#cce0fe
rgb(204,224,254)
-
#dfebfe
#dfebfe
rgb(223,235,254)
-
#f2f7ff
#f2f7ff
rgb(242,247,255)
Tones of #1f77fa
A tone is produced by adding gray to any pure hue. In this case, #898c90 is the less saturated color, while #1f77fa is the most saturated one.
-
#898c90
#898c90
rgb(137,140,144)
-
#808a99
#808a99
rgb(128,138,153)
-
#7788a2
#7788a2
rgb(119,136,162)
-
#6e87ab
#6e87ab
rgb(110,135,171)
-
#6585b4
#6585b4
rgb(101,133,180)
-
#5d83bc
#5d83bc
rgb(93,131,188)
-
#5481c5
#5481c5
rgb(84,129,197)
-
#4b80ce
#4b80ce
rgb(75,128,206)
-
#427ed7
#427ed7
rgb(66,126,215)
-
#397ce0
#397ce0
rgb(57,124,224)
-
#317ae8
#317ae8
rgb(49,122,232)
-
#2879f1
#2879f1
rgb(40,121,241)
-
#1f77fa
#1f77fa
rgb(31,119,250)
Color Blindness Simulator
Below, you can see how #1f77fa 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.