#020baf hex color

In a RGB color space, hex #020baf is composed of 0.8% red, 4.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 98.9% cyan, 93.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 236.9 degrees, a saturation of 97.7% and a lightness of 34.7%. #020baf color hex could be obtained by blending #0416ff with #00005f. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 1
- G 4
- B 69
RGB color chart
- C 99
- M 94
- Y 0
- K 31
CMYK color chart

● #020baf color description : Dark blue.

The hexadecimal color #020baf has RGB values of R:2, G:11, B:175 and CMYK values of C:0.99, M:0.94, Y:0, K:0.31. Its decimal value is 134063.

Hex triplet	020baf	`#020baf`
RGB Decimal	2, 11, 175	`rgb(2,11,175)`
RGB Percent	0.8, 4.3, 68.6	`rgb(0.8%,4.3%,68.6%)`
CMYK	99, 94, 0, 31
HSL	236.9°, 97.7, 34.7	`hsl(236.9,97.7%,34.7%)`
HSV (or HSB)	236.9°, 98.9, 68.6
Web Safe	000099	`#000099`

CIE-LAB	21.382, 56.9, -79.719
XYZ	7.881, 3.347, 40.786
xyY	0.152, 0.064, 3.347
CIE-LCH	21.382, 97.943, 305.518
CIE-LUV	21.382, -6.43, -83.782
Hunter-Lab	18.294, 44.882, -119.377
Binary	00000010, 00001011, 10101111

#020baf
```
#020baf rgb(2,11,175)
```
#afa602
```
#afa602 rgb(175,166,2)
```

Complementary Color

#0262af
```
#0262af rgb(2,98,175)
```
#020baf
```
#020baf rgb(2,11,175)
```
#5002af
```
#5002af rgb(80,2,175)
```

Analogous Color

#62af02
```
#62af02 rgb(98,175,2)
```
#020baf
```
#020baf rgb(2,11,175)
```
#af5002
```
#af5002 rgb(175,80,2)
```

Split Complementary Color

#0baf02
```
#0baf02 rgb(11,175,2)
```
#020baf
```
#020baf rgb(2,11,175)
```
#af020b
```
#af020b rgb(175,2,11)
```

Triadic Color

#02afa6
```
#02afa6 rgb(2,175,166)
```
#020baf
```
#020baf rgb(2,11,175)
```
#af020b
```
#af020b rgb(175,2,11)
```
#afa602
```
#afa602 rgb(175,166,2)
```

Tetradic Color

#010663
```
#010663 rgb(1,6,99)
```
#01087d
```
#01087d rgb(1,8,125)
```
#020996
```
#020996 rgb(2,9,150)
```
#020baf
```
#020baf rgb(2,11,175)
```
#020dc8
```
#020dc8 rgb(2,13,200)
```
#030ee1
```
#030ee1 rgb(3,14,225)
```
#0310fb
```
#0310fb rgb(3,16,251)
```

Monochromatic Color

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

#0236af
```
#0236af rgb(2,54,175)
```
#0228af
```
#0228af rgb(2,40,175)
```
#0219af
```
#0219af rgb(2,25,175)
```
#020baf
```
#020baf rgb(2,11,175)
```
#0702af
```
#0702af rgb(7,2,175)
```
#1602af
```
#1602af rgb(22,2,175)
```
#2402af
```
#2402af rgb(36,2,175)
```

Similar Colors

Text with hexadecimal color #020baf

This text has a font color of #020baf.

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

#020baf background color

This paragraph has a background color of #020baf.

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

#020baf border color

This element has a border color of #020baf.

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

CSS codes

.text {color:#020baf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000114
```
#000114 rgb(0,1,20)
```
#000227
```
#000227 rgb(0,2,39)
```
#01043b
```
#01043b rgb(1,4,59)
```
#01054e
```
#01054e rgb(1,5,78)
```
#010661
```
#010661 rgb(1,6,97)
```
#010775
```
#010775 rgb(1,7,117)
```
#020988
```
#020988 rgb(2,9,136)
```
#020a9c
```
#020a9c rgb(2,10,156)
```
#020baf
```
#020baf rgb(2,11,175)
```
#020cc2
```
#020cc2 rgb(2,12,194)
```
#020dd6
```
#020dd6 rgb(2,13,214)
```
#030fe9
```
#030fe9 rgb(3,15,233)
```

Shade Color Variation

#0310fc
```
#0310fc rgb(3,16,252)
```
#1723fc
```
#1723fc rgb(23,35,252)
```
#2a35fd
```
#2a35fd rgb(42,53,253)
```
#3e47fd
```
#3e47fd rgb(62,71,253)
```
#515afd
```
#515afd rgb(81,90,253)
```
#646cfd
```
#646cfd rgb(100,108,253)
```
#787ffd
```
#787ffd rgb(120,127,253)
```
#8b91fe
```
#8b91fe rgb(139,145,254)
```
#9ea3fe
```
#9ea3fe rgb(158,163,254)
```
#b2b6fe
```
#b2b6fe rgb(178,182,254)
```
#c5c8fe
```
#c5c8fe rgb(197,200,254)
```
#d9dbff
```
#d9dbff rgb(217,219,255)
```
#ecedff
```
#ecedff rgb(236,237,255)
```

Tint Color Variation

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

#54545d
```
#54545d rgb(84,84,93)
```
#4d4e64
```
#4d4e64 rgb(77,78,100)
```
#46486b
```
#46486b rgb(70,72,107)
```
#3f4272
```
#3f4272 rgb(63,66,114)
```
#383c79
```
#383c79 rgb(56,60,121)
```
#32367f
```
#32367f rgb(50,54,127)
```
#2b3086
```
#2b3086 rgb(43,48,134)
```
#24298d
```
#24298d rgb(36,41,141)
```
#1d2394
```
#1d2394 rgb(29,35,148)
```
#161d9b
```
#161d9b rgb(22,29,155)
```
#1017a1
```
#1017a1 rgb(16,23,161)
```
#0911a8
```
#0911a8 rgb(9,17,168)
```
#020baf
```
#020baf rgb(2,11,175)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#161839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003c74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004446 Tritanopia 0.001% of the population

Trichromacy

#002a89 Protanomaly 1% of men, 0.01% of women
#002c7f Deuteranomaly 6% of men, 0.4% of women
#002f6c Tritanomaly 0.01% of the population

#020baf hex color

#020baf Color Information

#020baf Color Conversion

Color Schemes with #020baf

Alternatives to #020baf

#020baf Preview

Shades and Tints of #020baf

Tones of #020baf

Color Blindness Simulator