#1f77bd hex color

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.

♥
- f
- t
- g
- R 12
- G 47
- B 74
RGB color chart
- C 84
- M 37
- Y 0
- K 26
CMYK color chart

● #1f77bd color description : Strong blue.

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

#1f77bd
```
#1f77bd rgb(31,119,189)
```
#bd651f
```
#bd651f rgb(189,101,31)
```

Complementary Color

#1fbdb4
```
#1fbdb4 rgb(31,189,180)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#1f28bd
```
#1f28bd rgb(31,40,189)
```

Analogous Color

#bdb41f
```
#bdb41f rgb(189,180,31)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#bd1f28
```
#bd1f28 rgb(189,31,40)
```

Split Complementary Color

#77bd1f
```
#77bd1f rgb(119,189,31)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#bd1f77
```
#bd1f77 rgb(189,31,119)
```

Triadic Color

#1fbd65
```
#1fbd65 rgb(31,189,101)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#bd1f77
```
#bd1f77 rgb(189,31,119)
```
#bd651f
```
#bd651f rgb(189,101,31)
```

Tetradic Color

#144e7b
```
#144e7b rgb(20,78,123)
```
#185b91
```
#185b91 rgb(24,91,145)
```
#1b69a7
```
#1b69a7 rgb(27,105,167)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#2385d3
```
#2385d3 rgb(35,133,211)
```
#3291dd
```
#3291dd rgb(50,145,221)
```
#489de1
```
#489de1 rgb(72,157,225)
```

Monochromatic Color

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.

#1f9fbd
```
#1f9fbd rgb(31,159,189)
```
#1f91bd
```
#1f91bd rgb(31,145,189)
```
#1f84bd
```
#1f84bd rgb(31,132,189)
```
#1f77bd
```
#1f77bd rgb(31,119,189)
```
#1f6abd
```
#1f6abd rgb(31,106,189)
```
#1f5dbd
```
#1f5dbd rgb(31,93,189)
```
#1f50bd
```
#1f50bd rgb(31,80,189)
```

Similar Colors

Text with hexadecimal color #1f77bd

This text has a font color of #1f77bd.

<span style="color:#1f77bd;">Text here</span>

#1f77bd background color

This paragraph has a background color of #1f77bd.

<p style="background-color:#1f77bd;">Content here</p>

#1f77bd border color

This element has a border color of #1f77bd.

<div style="border:1px solid #1f77bd;">Content here</div>

CSS codes

.text {color:#1f77bd;}

.background {background-color:#1f77bd;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#656565 Achromatopsia 0.005% of the population
#576977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e78bb Protanopia 1% of men
#467bc1 Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

#4777bc Protanomaly 1% of men, 0.01% of women
#3779c0 Deuteranomaly 6% of men, 0.4% of women
#0b809f Tritanomaly 0.01% of the population

#1f77bd hex color

#1f77bd Color Information

#1f77bd Color Conversion

Color Schemes with #1f77bd

Alternatives to #1f77bd

#1f77bd Preview

Shades and Tints of #1f77bd

Tones of #1f77bd

Color Blindness Simulator