#146bea hex color

In a RGB color space, hex #146bea is composed of 7.8% red, 42% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 54.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 215.6 degrees, a saturation of 84.3% and a lightness of 49.8%. #146bea color hex could be obtained by blending #28d6ff with #0000d5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 42
- B 92
RGB color chart
- C 91
- M 54
- Y 0
- K 8
CMYK color chart

● #146bea color description : Vivid blue.

The hexadecimal color #146bea has RGB values of R:20, G:107, B:234 and CMYK values of C:0.91, M:0.54, Y:0, K:0.08. Its decimal value is 1338346.

Hex triplet	146bea	`#146bea`
RGB Decimal	20, 107, 234	`rgb(20,107,234)`
RGB Percent	7.8, 42, 91.8	`rgb(7.8%,42%,91.8%)`
CMYK	91, 54, 0, 8
HSL	215.6°, 84.3, 49.8	`hsl(215.6,84.3%,49.8%)`
HSV (or HSB)	215.6°, 91.5, 91.8
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.756, 24.527, -70.522
XYZ	20.394, 16.603, 79.967
xyY	0.174, 0.142, 16.603
CIE-LCH	47.756, 74.666, 289.177
CIE-LUV	47.756, -23.391, -108.622
Hunter-Lab	40.747, 18.035, -87.837
Binary	00010100, 01101011, 11101010

#146bea
```
#146bea rgb(20,107,234)
```
#ea9314
```
#ea9314 rgb(234,147,20)
```

Complementary Color

#14d6ea
```
#14d6ea rgb(20,214,234)
```
#146bea
```
#146bea rgb(20,107,234)
```
#2814ea
```
#2814ea rgb(40,20,234)
```

Analogous Color

#d6ea14
```
#d6ea14 rgb(214,234,20)
```
#146bea
```
#146bea rgb(20,107,234)
```
#ea2814
```
#ea2814 rgb(234,40,20)
```

Split Complementary Color

#6bea14
```
#6bea14 rgb(107,234,20)
```
#146bea
```
#146bea rgb(20,107,234)
```
#ea146b
```
#ea146b rgb(234,20,107)
```

Triadic Color

#14ea93
```
#14ea93 rgb(20,234,147)
```
#146bea
```
#146bea rgb(20,107,234)
```
#ea146b
```
#ea146b rgb(234,20,107)
```
#ea9314
```
#ea9314 rgb(234,147,20)
```

Tetradic Color

#0e4ba4
```
#0e4ba4 rgb(14,75,164)
```
#1056bb
```
#1056bb rgb(16,86,187)
```
#1260d3
```
#1260d3 rgb(18,96,211)
```
#146bea
```
#146bea rgb(20,107,234)
```
#2b7aed
```
#2b7aed rgb(43,122,237)
```
#4288ef
```
#4288ef rgb(66,136,239)
```
#5a97f1
```
#5a97f1 rgb(90,151,241)
```

Monochromatic Color

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

#14a1ea
```
#14a1ea rgb(20,161,234)
```
#148fea
```
#148fea rgb(20,143,234)
```
#147dea
```
#147dea rgb(20,125,234)
```
#146bea
```
#146bea rgb(20,107,234)
```
#1459ea
```
#1459ea rgb(20,89,234)
```
#1447ea
```
#1447ea rgb(20,71,234)
```
#1435ea
```
#1435ea rgb(20,53,234)
```

Similar Colors

Text with hexadecimal color #146bea

This text has a font color of #146bea.

<span style="color:#146bea;">Text here</span>

#146bea background color

This paragraph has a background color of #146bea.

<p style="background-color:#146bea;">Content here</p>

#146bea border color

This element has a border color of #146bea.

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

CSS codes

.text {color:#146bea;}

.background {background-color:#146bea;}

.border {border:1px solid #146bea;}

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, #010811 is the darkest color, while #fefeff is the lightest one.

#010811
```
#010811 rgb(1,8,17)
```
#031023
```
#031023 rgb(3,16,35)
```
#051835
```
#051835 rgb(5,24,53)
```
#062147
```
#062147 rgb(6,33,71)
```
#082959
```
#082959 rgb(8,41,89)
```
#09316c
```
#09316c rgb(9,49,108)
```
#0b397e
```
#0b397e rgb(11,57,126)
```
#0c4290
```
#0c4290 rgb(12,66,144)
```
#0e4aa2
```
#0e4aa2 rgb(14,74,162)
```
#0f52b4
```
#0f52b4 rgb(15,82,180)
```
#115ac6
```
#115ac6 rgb(17,90,198)
```
#1263d8
```
#1263d8 rgb(18,99,216)
```
#146bea
```
#146bea rgb(20,107,234)
```

Shade Color Variation

#2576ec
```
#2576ec rgb(37,118,236)
```
#3782ee
```
#3782ee rgb(55,130,238)
```
#498def
```
#498def rgb(73,141,239)
```
#5b98f1
```
#5b98f1 rgb(91,152,241)
```
#6ea4f3
```
#6ea4f3 rgb(110,164,243)
```
#80aff4
```
#80aff4 rgb(128,175,244)
```
#92baf6
```
#92baf6 rgb(146,186,246)
```
#a4c6f7
```
#a4c6f7 rgb(164,198,247)
```
#b6d1f9
```
#b6d1f9 rgb(182,209,249)
```
#c8dcfa
```
#c8dcfa rgb(200,220,250)
```
#dae8fc
```
#dae8fc rgb(218,232,252)
```
#ecf3fd
```
#ecf3fd rgb(236,243,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767d88 is the less saturated color, while #0067fe is the most saturated one.

#767d88
```
#767d88 rgb(118,125,136)
```
#6c7b92
```
#6c7b92 rgb(108,123,146)
```
#627a9c
```
#627a9c rgb(98,122,156)
```
#5878a6
```
#5878a6 rgb(88,120,166)
```
#4f76af
```
#4f76af rgb(79,118,175)
```
#4574b9
```
#4574b9 rgb(69,116,185)
```
#3b72c3
```
#3b72c3 rgb(59,114,195)
```
#3170cd
```
#3170cd rgb(49,112,205)
```
#286fd6
```
#286fd6 rgb(40,111,214)
```
#1e6de0
```
#1e6de0 rgb(30,109,224)
```
#146bea
```
#146bea rgb(20,107,234)
```
#0a69f4
```
#0a69f4 rgb(10,105,244)
```
#0067fe
```
#0067fe rgb(0,103,254)
```

Tone Color Variation

Below, you can see how #146bea 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

#5f5f5f Achromatopsia 0.005% of the population
#50617b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0771e7 Protanomaly 1% of men, 0.01% of women
#0775d4 Deuteranomaly 6% of men, 0.4% of women
#077bae Tritanomaly 0.01% of the population

#146bea hex color

#146bea Color Information

#146bea Color Conversion

Color Schemes with #146bea

Alternatives to #146bea

#146bea Preview

Shades and Tints of #146bea

Tones of #146bea

Color Blindness Simulator