#055baf hex color

In a RGB color space, hex #055baf is composed of 2% red, 35.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 48% magenta, 0% yellow and 31.4% black. It has a hue angle of 209.6 degrees, a saturation of 94.4% and a lightness of 35.3%. #055baf color hex could be obtained by blending #0ab6ff with #00005f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 36
- B 69
RGB color chart
- C 97
- M 48
- Y 0
- K 31
CMYK color chart

● #055baf color description : Dark blue.

The hexadecimal color #055baf has RGB values of R:5, G:91, B:175 and CMYK values of C:0.97, M:0.48, Y:0, K:0.31. Its decimal value is 351151.

Hex triplet	055baf	`#055baf`
RGB Decimal	5, 91, 175	`rgb(5,91,175)`
RGB Percent	2, 35.7, 68.6	`rgb(2%,35.7%,68.6%)`
CMYK	97, 48, 0, 31
HSL	209.6°, 94.4, 35.3	`hsl(209.6,94.4%,35.3%)`
HSV (or HSB)	209.6°, 97.1, 68.6
Web Safe	006699	`#006699`

CIE-LAB	38.913, 10.89, -50.904
XYZ	11.54, 10.609, 41.995
xyY	0.18, 0.165, 10.609
CIE-LCH	38.913, 52.056, 282.075
CIE-LUV	38.913, -21.368, -74.104
Hunter-Lab	32.571, 6.244, -53.645
Binary	00000101, 01011011, 10101111

#055baf
```
#055baf rgb(5,91,175)
```
#af5905
```
#af5905 rgb(175,89,5)
```

Complementary Color

#05afae
```
#05afae rgb(5,175,174)
```
#055baf
```
#055baf rgb(5,91,175)
```
#0506af
```
#0506af rgb(5,6,175)
```

Analogous Color

#afae05
```
#afae05 rgb(175,174,5)
```
#055baf
```
#055baf rgb(5,91,175)
```
#af0506
```
#af0506 rgb(175,5,6)
```

Split Complementary Color

#5baf05
```
#5baf05 rgb(91,175,5)
```
#055baf
```
#055baf rgb(5,91,175)
```
#af055b
```
#af055b rgb(175,5,91)
```

Triadic Color

#05af59
```
#05af59 rgb(5,175,89)
```
#055baf
```
#055baf rgb(5,91,175)
```
#af055b
```
#af055b rgb(175,5,91)
```
#af5905
```
#af5905 rgb(175,89,5)
```

Tetradic Color

#033465
```
#033465 rgb(3,52,101)
```
#04417d
```
#04417d rgb(4,65,125)
```
#044e96
```
#044e96 rgb(4,78,150)
```
#055baf
```
#055baf rgb(5,91,175)
```
#0668c8
```
#0668c8 rgb(6,104,200)
```
#0675e1
```
#0675e1 rgb(6,117,225)
```
#0982f8
```
#0982f8 rgb(9,130,248)
```

Monochromatic Color

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

#0586af
```
#0586af rgb(5,134,175)
```
#0577af
```
#0577af rgb(5,119,175)
```
#0569af
```
#0569af rgb(5,105,175)
```
#055baf
```
#055baf rgb(5,91,175)
```
#054daf
```
#054daf rgb(5,77,175)
```
#053faf
```
#053faf rgb(5,63,175)
```
#0531af
```
#0531af rgb(5,49,175)
```

Similar Colors

Text with hexadecimal color #055baf

This text has a font color of #055baf.

<span style="color:#055baf;">Text here</span>

#055baf background color

This paragraph has a background color of #055baf.

<p style="background-color:#055baf;">Content here</p>

#055baf border color

This element has a border color of #055baf.

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

CSS codes

.text {color:#055baf;}

.background {background-color:#055baf;}

.border {border:1px solid #055baf;}

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

#000203
```
#000203 rgb(0,2,3)
```
#010c16
```
#010c16 rgb(1,12,22)
```
#01162a
```
#01162a rgb(1,22,42)
```
#02203d
```
#02203d rgb(2,32,61)
```
#022950
```
#022950 rgb(2,41,80)
```
#033363
```
#033363 rgb(3,51,99)
```
#033d76
```
#033d76 rgb(3,61,118)
```
#044789
```
#044789 rgb(4,71,137)
```
#04519c
```
#04519c rgb(4,81,156)
```
#055baf
```
#055baf rgb(5,91,175)
```
#0665c2
```
#0665c2 rgb(6,101,194)
```
#066fd5
```
#066fd5 rgb(6,111,213)
```
#0779e8
```
#0779e8 rgb(7,121,232)
```

Shade Color Variation

#0a83f8
```
#0a83f8 rgb(10,131,248)
```
#1e8cf9
```
#1e8cf9 rgb(30,140,249)
```
#3196f9
```
#3196f9 rgb(49,150,249)
```
#44a0fa
```
#44a0fa rgb(68,160,250)
```
#57a9fa
```
#57a9fa rgb(87,169,250)
```
#6ab3fb
```
#6ab3fb rgb(106,179,251)
```
#7dbdfb
```
#7dbdfb rgb(125,189,251)
```
#90c7fc
```
#90c7fc rgb(144,199,252)
```
#a3d0fc
```
#a3d0fc rgb(163,208,252)
```
#b6dafd
```
#b6dafd rgb(182,218,253)
```
#c9e4fd
```
#c9e4fd rgb(201,228,253)
```
#dcedfe
```
#dcedfe rgb(220,237,254)
```
#eff7ff
```
#eff7ff rgb(239,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5c is the less saturated color, while #055baf is the most saturated one.

#585a5c
```
#585a5c rgb(88,90,92)
```
#515a63
```
#515a63 rgb(81,90,99)
```
#4a5a6a
```
#4a5a6a rgb(74,90,106)
```
#435a71
```
#435a71 rgb(67,90,113)
```
#3c5a78
```
#3c5a78 rgb(60,90,120)
```
#355a7f
```
#355a7f rgb(53,90,127)
```
#2f5b85
```
#2f5b85 rgb(47,91,133)
```
#285b8c
```
#285b8c rgb(40,91,140)
```
#215b93
```
#215b93 rgb(33,91,147)
```
#1a5b9a
```
#1a5b9a rgb(26,91,154)
```
#135ba1
```
#135ba1 rgb(19,91,161)
```
#0c5ba8
```
#0c5ba8 rgb(12,91,168)
```
#055baf
```
#055baf rgb(5,91,175)
```

Tone Color Variation

Below, you can see how #055baf 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

#4b4b4b Achromatopsia 0.005% of the population
#3d4e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3461b1 Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#235fb0 Protanomaly 1% of men, 0.01% of women
#0162aa Deuteranomaly 6% of men, 0.4% of women
#016789 Tritanomaly 0.01% of the population

#055baf hex color

#055baf Color Information

#055baf Color Conversion

Color Schemes with #055baf

Alternatives to #055baf

#055baf Preview

Shades and Tints of #055baf

Tones of #055baf

Color Blindness Simulator