#1f77bd Color Information
In a RGB color space, hex #1f77bd is composed of 12.2% red, 46.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 37% magenta, 0% yellow and 25.9% black. It has a hue angle of 206.6 degrees, a saturation of 71.8% and a lightness of 43.1%. #1f77bd color hex could be obtained by blending #3eeeff with #00007b. Closest websafe color is: #3366cc.
-
- R 12
- G 47
- B 74
-
- C 84
- M 37
- Y 0
- K 26
● #1f77bd color description : Strong blue.
#1f77bd Color Conversion
The hexadecimal color #1f77bd has RGB values of R:31, G:119, B:189 and CMYK values of C:0.84, M:0.37, Y:0, K:0.26. Its decimal value is 2062269.
Hex triplet | 1f77bd | #1f77bd |
---|---|---|
RGB Decimal | 31, 119, 189 | rgb(31,119,189) |
RGB Percent | 12.2, 46.7, 74.1 | rgb(12.2%,46.7%,74.1%) |
CMYK | 84, 37, 0, 26 | |
HSL | 206.6°, 71.8, 43.1 | hsl(206.6,71.8%,43.1%) |
HSV (or HSB) | 206.6°, 83.6, 74.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.458, 0.211, -43.772 |
---|---|
XYZ | 16.345, 17.158, 50.592 |
xyY | 0.194, 0.204, 17.158 |
CIE-LCH | 48.458, 43.772, 270.276 |
CIE-LUV | 48.458, -27.831, -66.405 |
Hunter-Lab | 41.422, -2.052, -43.42 |
Binary | 00011111, 01110111, 10111101 |
Color Schemes with #1f77bd
Alternatives to #1f77bd
Below, you can see some colors close to #1f77bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1f77bd Preview
This text has a font color of #1f77bd.
<span style="color:#1f77bd;">Text here</span>
This paragraph has a background color of #1f77bd.
<p style="background-color:#1f77bd;">Content here</p>
This element has a border color of #1f77bd.
<div style="border:1px solid #1f77bd;">Content here</div>
.text {color:#1f77bd;}
.background {background-color:#1f77bd;}
.border {border:1px solid #1f77bd;}
Shades and Tints of #1f77bd
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, #010204 is the darkest color, while #f2f8fd is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#030d14
#030d14
rgb(3,13,20)
-
#061825
#061825
rgb(6,24,37)
-
#092236
#092236
rgb(9,34,54)
-
#0c2d47
#0c2d47
rgb(12,45,71)
-
#0e3758
#0e3758
rgb(14,55,88)
-
#114269
#114269
rgb(17,66,105)
-
#144d7a
#144d7a
rgb(20,77,122)
-
#17578a
#17578a
rgb(23,87,138)
-
#19629b
#19629b
rgb(25,98,155)
-
#1c6cac
#1c6cac
rgb(28,108,172)
-
#1f77bd
#1f77bd
rgb(31,119,189)
-
#2282ce
#2282ce
rgb(34,130,206)
-
#288cdc
#288cdc
rgb(40,140,220)
-
#3895de
#3895de
rgb(56,149,222)
-
#499ee1
#499ee1
rgb(73,158,225)
-
#5aa7e4
#5aa7e4
rgb(90,167,228)
-
#6bb0e7
#6bb0e7
rgb(107,176,231)
-
#7cb9e9
#7cb9e9
rgb(124,185,233)
-
#8dc2ec
#8dc2ec
rgb(141,194,236)
-
#9ecbef
#9ecbef
rgb(158,203,239)
-
#aed4f2
#aed4f2
rgb(174,212,242)
-
#bfddf5
#bfddf5
rgb(191,221,245)
-
#d0e6f7
#d0e6f7
rgb(208,230,247)
-
#e1effa
#e1effa
rgb(225,239,250)
-
#f2f8fd
#f2f8fd
rgb(242,248,253)
Tones of #1f77bd
A tone is produced by adding gray to any pure hue. In this case, #6b6e71 is the less saturated color, while #067ad6 is the most saturated one.
-
#6b6e71
#6b6e71
rgb(107,110,113)
-
#636f79
#636f79
rgb(99,111,121)
-
#5a7082
#5a7082
rgb(90,112,130)
-
#52718a
#52718a
rgb(82,113,138)
-
#497293
#497293
rgb(73,114,147)
-
#41739b
#41739b
rgb(65,115,155)
-
#3874a4
#3874a4
rgb(56,116,164)
-
#3075ac
#3075ac
rgb(48,117,172)
-
#2776b5
#2776b5
rgb(39,118,181)
-
#1f77bd
#1f77bd
rgb(31,119,189)
-
#1778c5
#1778c5
rgb(23,120,197)
-
#0e79ce
#0e79ce
rgb(14,121,206)
-
#067ad6
#067ad6
rgb(6,122,214)
Color Blindness Simulator
Below, you can see how #1f77bd 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.