colorhexa.com

#027cc2 hex color

In a RGB color space, hex #027cc2 is composed of 0.8% red, 48.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 36.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 201.9 degrees, a saturation of 98% and a lightness of 38.4%. #027cc2 color hex could be obtained by blending #04f8ff with #000085. Closest websafe color is: #0066cc.

- R 1
- G 49
- B 76
RGB color chart
- C 99
- M 36
- Y 0
- K 24
CMYK color chart

● #027cc2 color description : Strong blue.

The hexadecimal color #027cc2 has RGB values of R:2, G:124, B:194 and CMYK values of C:0.99, M:0.36, Y:0, K:0.24. Its decimal value is 163010.

Hex triplet	027cc2	`#027cc2`
RGB Decimal	2, 124, 194	`rgb(2,124,194)`
RGB Percent	0.8, 48.6, 76.1	`rgb(0.8%,48.6%,76.1%)`
CMYK	99, 36, 0, 24
HSL	201.9°, 98, 38.4	`hsl(201.9,98%,38.4%)`
HSV (or HSB)	201.9°, 99, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.884, -2.447, -44.402
XYZ	16.968, 18.322, 53.678
xyY	0.191, 0.206, 18.322
CIE-LCH	49.884, 44.469, 266.846
CIE-LUV	49.884, -31.099, -67.567
Hunter-Lab	42.804, -4.147, -44.39
Binary	00000010, 01111100, 11000010

#027cc2
```
#027cc2 rgb(2,124,194)
```
#c24802
```
#c24802 rgb(194,72,2)
```

Complementary Color

#02c2a8
```
#02c2a8 rgb(2,194,168)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#021cc2
```
#021cc2 rgb(2,28,194)
```

Analogous Color

#c2a802
```
#c2a802 rgb(194,168,2)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#c2021c
```
#c2021c rgb(194,2,28)
```

Split Complementary Color

#7cc202
```
#7cc202 rgb(124,194,2)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#c2027c
```
#c2027c rgb(194,2,124)
```

Triadic Color

#014c76
```
#014c76 rgb(1,76,118)
```
#015c90
```
#015c90 rgb(1,92,144)
```
#026ca9
```
#026ca9 rgb(2,108,169)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#028cdb
```
#028cdb rgb(2,140,219)
```
#039cf4
```
#039cf4 rgb(3,156,244)
```
#14a8fd
```
#14a8fd rgb(20,168,253)
```

Monochromatic Color

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

#02acc2
```
#02acc2 rgb(2,172,194)
```
#029cc2
```
#029cc2 rgb(2,156,194)
```
#028cc2
```
#028cc2 rgb(2,140,194)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#026cc2
```
#026cc2 rgb(2,108,194)
```
#025cc2
```
#025cc2 rgb(2,92,194)
```
#024cc2
```
#024cc2 rgb(2,76,194)
```

Similar Colors

Text with hexadecimal color #027cc2

This text has a font color of #027cc2.

<span style="color:#027cc2;">Text here</span>

#027cc2 background color

This paragraph has a background color of #027cc2.

<p style="background-color:#027cc2;">Content here</p>

#027cc2 border color

This element has a border color of #027cc2.

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

CSS codes

.text {color:#027cc2;}

.background {background-color:#027cc2;}

.border {border:1px solid #027cc2;}

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, #000c13 is the darkest color, while #ffffff is the lightest one.

#000c13
```
#000c13 rgb(0,12,19)
```
#001927
```
#001927 rgb(0,25,39)
```
#01253a
```
#01253a rgb(1,37,58)
```
#01324e
```
#01324e rgb(1,50,78)
```
#013e61
```
#013e61 rgb(1,62,97)
```
#014a74
```
#014a74 rgb(1,74,116)
```
#015788
```
#015788 rgb(1,87,136)
```
#02639b
```
#02639b rgb(2,99,155)
```
#0270af
```
#0270af rgb(2,112,175)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```
#0288d5
```
#0288d5 rgb(2,136,213)
```
#0295e9
```
#0295e9 rgb(2,149,233)
```
#03a1fc
```
#03a1fc rgb(3,161,252)
```

Shade Color Variation

#16a8fd
```
#16a8fd rgb(22,168,253)
```
#29b0fd
```
#29b0fd rgb(41,176,253)
```
#3db7fd
```
#3db7fd rgb(61,183,253)
```
#50befd
```
#50befd rgb(80,190,253)
```
#64c5fd
```
#64c5fd rgb(100,197,253)
```
#77cdfe
```
#77cdfe rgb(119,205,254)
```
#8ad4fe
```
#8ad4fe rgb(138,212,254)
```
#9edbfe
```
#9edbfe rgb(158,219,254)
```
#b1e2fe
```
#b1e2fe rgb(177,226,254)
```
#c5e9fe
```
#c5e9fe rgb(197,233,254)
```
#d8f1ff
```
#d8f1ff rgb(216,241,255)
```
#ebf8ff
```
#ebf8ff rgb(235,248,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c6468 is the less saturated color, while #027cc2 is the most saturated one.

#5c6468
```
#5c6468 rgb(92,100,104)
```
#55666f
```
#55666f rgb(85,102,111)
```
#4d6877
```
#4d6877 rgb(77,104,119)
```
#466a7e
```
#466a7e rgb(70,106,126)
```
#3e6c86
```
#3e6c86 rgb(62,108,134)
```
#376e8d
```
#376e8d rgb(55,110,141)
```
#2f7095
```
#2f7095 rgb(47,112,149)
```
#28729c
```
#28729c rgb(40,114,156)
```
#2074a4
```
#2074a4 rgb(32,116,164)
```
#1976ab
```
#1976ab rgb(25,118,171)
```
#1178b3
```
#1178b3 rgb(17,120,179)
```
#0a7aba
```
#0a7aba rgb(10,122,186)
```
#027cc2
```
#027cc2 rgb(2,124,194)
```

Tone Color Variation

Below, you can see how #027cc2 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

#606060 Achromatopsia 0.005% of the population
#4d6674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617bbf Protanopia 1% of men
#487ec7 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#3e7bc0 Protanomaly 1% of men, 0.01% of women
#2e7dc5 Deuteranomaly 6% of men, 0.4% of women
#0084a3 Tritanomaly 0.01% of the population