#2f90ba hex color

In a RGB color space, hex #2f90ba is composed of 18.4% red, 56.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 22.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 198.1 degrees, a saturation of 59.7% and a lightness of 45.7%. #2f90ba color hex could be obtained by blending #5effff with #002175. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 56
- B 73
RGB color chart
- C 75
- M 23
- Y 0
- K 27
CMYK color chart

● #2f90ba color description : Moderate blue.

The hexadecimal color #2f90ba has RGB values of R:47, G:144, B:186 and CMYK values of C:0.75, M:0.23, Y:0, K:0.27. Its decimal value is 3117242.

Hex triplet	2f90ba	`#2f90ba`
RGB Decimal	47, 144, 186	`rgb(47,144,186)`
RGB Percent	18.4, 56.5, 72.9	`rgb(18.4%,56.5%,72.9%)`
CMYK	75, 23, 0, 27
HSL	198.1°, 59.7, 45.7	`hsl(198.1,59.7%,45.7%)`
HSV (or HSB)	198.1°, 74.7, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.182, -13.704, -29.898
XYZ	20.006, 24.094, 50.048
xyY	0.212, 0.256, 24.094
CIE-LCH	56.182, 32.889, 245.375
CIE-LUV	56.182, -34.542, -44.108
Hunter-Lab	49.086, -13.148, -26.092
Binary	00101111, 10010000, 10111010

#2f90ba
```
#2f90ba rgb(47,144,186)
```
#ba592f
```
#ba592f rgb(186,89,47)
```

Complementary Color

#2fba9f
```
#2fba9f rgb(47,186,159)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#2f4bba
```
#2f4bba rgb(47,75,186)
```

Analogous Color

#ba9f2f
```
#ba9f2f rgb(186,159,47)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#ba2f4b
```
#ba2f4b rgb(186,47,75)
```

Split Complementary Color

#90ba2f
```
#90ba2f rgb(144,186,47)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#ba2f90
```
#ba2f90 rgb(186,47,144)
```

Triadic Color

#2fba59
```
#2fba59 rgb(47,186,89)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#ba2f90
```
#ba2f90 rgb(186,47,144)
```
#ba592f
```
#ba592f rgb(186,89,47)
```

Tetradic Color

#20617d
```
#20617d rgb(32,97,125)
```
#257091
```
#257091 rgb(37,112,145)
```
#2a80a6
```
#2a80a6 rgb(42,128,166)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#369fcc
```
#369fcc rgb(54,159,204)
```
#4ba9d1
```
#4ba9d1 rgb(75,169,209)
```
#5fb2d7
```
#5fb2d7 rgb(95,178,215)
```

Monochromatic Color

Below, you can see some colors close to #2f90ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2fb3ba
```
#2fb3ba rgb(47,179,186)
```
#2fa7ba
```
#2fa7ba rgb(47,167,186)
```
#2f9cba
```
#2f9cba rgb(47,156,186)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#2f84ba
```
#2f84ba rgb(47,132,186)
```
#2f79ba
```
#2f79ba rgb(47,121,186)
```
#2f6dba
```
#2f6dba rgb(47,109,186)
```

Similar Colors

Text with hexadecimal color #2f90ba

This text has a font color of #2f90ba.

<span style="color:#2f90ba;">Text here</span>

#2f90ba background color

This paragraph has a background color of #2f90ba.

<p style="background-color:#2f90ba;">Content here</p>

#2f90ba border color

This element has a border color of #2f90ba.

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

CSS codes

.text {color:#2f90ba;}

.background {background-color:#2f90ba;}

.border {border:1px solid #2f90ba;}

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, #030b0e is the darkest color, while #fdfeff is the lightest one.

#030b0e
```
#030b0e rgb(3,11,14)
```
#07171d
```
#07171d rgb(7,23,29)
```
#0b232d
```
#0b232d rgb(11,35,45)
```
#0f2f3d
```
#0f2f3d rgb(15,47,61)
```
#133b4c
```
#133b4c rgb(19,59,76)
```
#17475c
```
#17475c rgb(23,71,92)
```
#1b536c
```
#1b536c rgb(27,83,108)
```
#1f607b
```
#1f607b rgb(31,96,123)
```
#236c8b
```
#236c8b rgb(35,108,139)
```
#27789b
```
#27789b rgb(39,120,155)
```
#2b84aa
```
#2b84aa rgb(43,132,170)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#339cca
```
#339cca rgb(51,156,202)
```

Shade Color Variation

#41a4cf
```
#41a4cf rgb(65,164,207)
```
#51acd3
```
#51acd3 rgb(81,172,211)
```
#61b3d7
```
#61b3d7 rgb(97,179,215)
```
#70bbdb
```
#70bbdb rgb(112,187,219)
```
#80c2df
```
#80c2df rgb(128,194,223)
```
#8fcae3
```
#8fcae3 rgb(143,202,227)
```
#9fd1e7
```
#9fd1e7 rgb(159,209,231)
```
#afd9eb
```
#afd9eb rgb(175,217,235)
```
#bee0ef
```
#bee0ef rgb(190,224,239)
```
#cee8f3
```
#cee8f3 rgb(206,232,243)
```
#deeff7
```
#deeff7 rgb(222,239,247)
```
#edf7fb
```
#edf7fb rgb(237,247,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e777b is the less saturated color, while #02a2e7 is the most saturated one.

#6e777b
```
#6e777b rgb(110,119,123)
```
#657b84
```
#657b84 rgb(101,123,132)
```
#5c7e8d
```
#5c7e8d rgb(92,126,141)
```
#538296
```
#538296 rgb(83,130,150)
```
#4a859f
```
#4a859f rgb(74,133,159)
```
#4189a8
```
#4189a8 rgb(65,137,168)
```
#388cb1
```
#388cb1 rgb(56,140,177)
```
#2f90ba
```
#2f90ba rgb(47,144,186)
```
#2694c3
```
#2694c3 rgb(38,148,195)
```
#1d97cc
```
#1d97cc rgb(29,151,204)
```
#149bd5
```
#149bd5 rgb(20,155,213)
```
#0b9ede
```
#0b9ede rgb(11,158,222)
```
#02a2e7
```
#02a2e7 rgb(2,162,231)
```

Tone Color Variation

Below, you can see how #2f90ba 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

#787878 Achromatopsia 0.005% of the population
#697d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808bb6 Protanopia 1% of men
#788bc1 Deuteranopia 1% of men
#1a9aa5 Tritanopia 0.001% of the population

Trichromacy

#628db7 Protanomaly 1% of men, 0.01% of women
#5d8dbe Deuteranomaly 6% of men, 0.4% of women
#2296ad Tritanomaly 0.01% of the population

#2f90ba hex color

#2f90ba Color Information

#2f90ba Color Conversion

Color Schemes with #2f90ba

Alternatives to #2f90ba

#2f90ba Preview

Shades and Tints of #2f90ba

Tones of #2f90ba

Color Blindness Simulator