colorhexa.com

#427bb0 hex color

In a RGB color space, hex #427bb0 is composed of 25.9% red, 48.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 30.1% magenta, 0% yellow and 31% black. It has a hue angle of 208.9 degrees, a saturation of 45.5% and a lightness of 47.5%. #427bb0 color hex could be obtained by blending #84f6ff with #000061. Closest websafe color is: #336699.

- R 26
- G 48
- B 69
RGB color chart
- C 63
- M 30
- Y 0
- K 31
CMYK color chart

● #427bb0 color description : Dark moderate blue.

The hexadecimal color #427bb0 has RGB values of R:66, G:123, B:176 and CMYK values of C:0.63, M:0.3, Y:0, K:0.31. Its decimal value is 4357040.

Hex triplet	427bb0	`#427bb0`
RGB Decimal	66, 123, 176	`rgb(66,123,176)`
RGB Percent	25.9, 48.2, 69	`rgb(25.9%,48.2%,69%)`
CMYK	63, 30, 0, 31
HSL	208.9°, 45.5, 47.5	`hsl(208.9,45.5%,47.5%)`
HSV (or HSB)	208.9°, 62.5, 69
Web Safe	336699	`#336699`

CIE-LAB	50.046, -2.065, -33.687
XYZ	17.164, 18.458, 43.73
xyY	0.216, 0.233, 18.458
CIE-LCH	50.046, 33.75, 266.492
CIE-LUV	50.046, -23.666, -50.533
Hunter-Lab	42.962, -3.87, -30.276
Binary	01000010, 01111011, 10110000

#427bb0
```
#427bb0 rgb(66,123,176)
```
#b07742
```
#b07742 rgb(176,119,66)
```

Complementary Color

#42b0ae
```
#42b0ae rgb(66,176,174)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#4244b0
```
#4244b0 rgb(66,68,176)
```

Analogous Color

#b0ae42
```
#b0ae42 rgb(176,174,66)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#b04244
```
#b04244 rgb(176,66,68)
```

Split Complementary Color

#7bb042
```
#7bb042 rgb(123,176,66)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#b0427b
```
#b0427b rgb(176,66,123)
```

Triadic Color

#42b077
```
#42b077 rgb(66,176,119)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#b0427b
```
#b0427b rgb(176,66,123)
```
#b07742
```
#b07742 rgb(176,119,66)
```

Tetradic Color

#2d5478
```
#2d5478 rgb(45,84,120)
```
#34618b
```
#34618b rgb(52,97,139)
```
#3b6e9d
```
#3b6e9d rgb(59,110,157)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#4f88bd
```
#4f88bd rgb(79,136,189)
```
#6194c4
```
#6194c4 rgb(97,148,196)
```
#74a1cb
```
#74a1cb rgb(116,161,203)
```

Monochromatic Color

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

#4297b0
```
#4297b0 rgb(66,151,176)
```
#428db0
```
#428db0 rgb(66,141,176)
```
#4284b0
```
#4284b0 rgb(66,132,176)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#4272b0
```
#4272b0 rgb(66,114,176)
```
#4269b0
```
#4269b0 rgb(66,105,176)
```
#4260b0
```
#4260b0 rgb(66,96,176)
```

Similar Colors

Text with hexadecimal color #427bb0

This text has a font color of #427bb0.

<span style="color:#427bb0;">Text here</span>

#427bb0 background color

This paragraph has a background color of #427bb0.

<p style="background-color:#427bb0;">Content here</p>

#427bb0 border color

This element has a border color of #427bb0.

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

CSS codes

.text {color:#427bb0;}

.background {background-color:#427bb0;}

.border {border:1px solid #427bb0;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0d1721
```
#0d1721 rgb(13,23,33)
```
#122130
```
#122130 rgb(18,33,48)
```
#172b3e
```
#172b3e rgb(23,43,62)
```
#1d354c
```
#1d354c rgb(29,53,76)
```
#223f5a
```
#223f5a rgb(34,63,90)
```
#274969
```
#274969 rgb(39,73,105)
```
#2d5377
```
#2d5377 rgb(45,83,119)
```
#325d85
```
#325d85 rgb(50,93,133)
```
#376793
```
#376793 rgb(55,103,147)
```
#3d71a2
```
#3d71a2 rgb(61,113,162)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```

Shade Color Variation

#4a85bb
```
#4a85bb rgb(74,133,187)
```
#598fc1
```
#598fc1 rgb(89,143,193)
```
#6798c6
```
#6798c6 rgb(103,152,198)
```
#75a2cb
```
#75a2cb rgb(117,162,203)
```
#83abd1
```
#83abd1 rgb(131,171,209)
```
#92b5d6
```
#92b5d6 rgb(146,181,214)
```
#a0bfdb
```
#a0bfdb rgb(160,191,219)
```
#aec8e1
```
#aec8e1 rgb(174,200,225)
```
#bcd2e6
```
#bcd2e6 rgb(188,210,230)
```
#cbdceb
```
#cbdceb rgb(203,220,235)
```
#d9e5f1
```
#d9e5f1 rgb(217,229,241)
```
#e7eff6
```
#e7eff6 rgb(231,239,246)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717981 is the less saturated color, while #017df1 is the most saturated one.

#717981
```
#717981 rgb(113,121,129)
```
#677a8b
```
#677a8b rgb(103,122,139)
```
#5e7a94
```
#5e7a94 rgb(94,122,148)
```
#557a9d
```
#557a9d rgb(85,122,157)
```
#4b7ba7
```
#4b7ba7 rgb(75,123,167)
```
#427bb0
```
#427bb0 rgb(66,123,176)
```
#397bb9
```
#397bb9 rgb(57,123,185)
```
#2f7cc3
```
#2f7cc3 rgb(47,124,195)
```
#267ccc
```
#267ccc rgb(38,124,204)
```
#1d7cd5
```
#1d7cd5 rgb(29,124,213)
```
#137ddf
```
#137ddf rgb(19,125,223)
```
#0a7de8
```
#0a7de8 rgb(10,125,232)
```
#017df1
```
#017df1 rgb(1,125,241)
```

Tone Color Variation

Below, you can see how #427bb0 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

#707070 Achromatopsia 0.005% of the population
#67727d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7cb0 Protanopia 1% of men
#627db5 Deuteranopia 1% of men
#368892 Tritanopia 0.001% of the population

Trichromacy

#5c7bb0 Protanomaly 1% of men, 0.01% of women
#567cb3 Deuteranomaly 6% of men, 0.4% of women
#3a839d Tritanomaly 0.01% of the population