#0366de hex color

In a RGB color space, hex #0366de is composed of 1.2% red, 40% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 54.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 212.9 degrees, a saturation of 97.3% and a lightness of 44.1%. #0366de color hex could be obtained by blending #06ccff with #0000bd. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 1
- G 40
- B 87
RGB color chart
- C 99
- M 54
- Y 0
- K 13
CMYK color chart

● #0366de color description : Vivid blue.

The hexadecimal color #0366de has RGB values of R:3, G:102, B:222 and CMYK values of C:0.99, M:0.54, Y:0, K:0.13. Its decimal value is 222942.

Hex triplet	0366de	`#0366de`
RGB Decimal	3, 102, 222	`rgb(3,102,222)`
RGB Percent	1.2, 40, 87.1	`rgb(1.2%,40%,87.1%)`
CMYK	99, 54, 0, 13
HSL	212.9°, 97.3, 44.1	`hsl(212.9,97.3%,44.1%)`
HSV (or HSB)	212.9°, 98.6, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.351, 22.531, -67.663
XYZ	17.971, 14.794, 71.012
xyY	0.173, 0.143, 14.794
CIE-LCH	45.351, 71.316, 288.417
CIE-LUV	45.351, -23.07, -102.795
Hunter-Lab	38.464, 16.087, -82.537
Binary	00000011, 01100110, 11011110

#0366de
```
#0366de rgb(3,102,222)
```
#de7b03
```
#de7b03 rgb(222,123,3)
```

Complementary Color

#03d4de
```
#03d4de rgb(3,212,222)
```
#0366de
```
#0366de rgb(3,102,222)
```
#0d03de
```
#0d03de rgb(13,3,222)
```

Analogous Color

#d4de03
```
#d4de03 rgb(212,222,3)
```
#0366de
```
#0366de rgb(3,102,222)
```
#de0d03
```
#de0d03 rgb(222,13,3)
```

Split Complementary Color

#66de03
```
#66de03 rgb(102,222,3)
```
#0366de
```
#0366de rgb(3,102,222)
```
#de0366
```
#de0366 rgb(222,3,102)
```

Triadic Color

#03de7b
```
#03de7b rgb(3,222,123)
```
#0366de
```
#0366de rgb(3,102,222)
```
#de0366
```
#de0366 rgb(222,3,102)
```
#de7b03
```
#de7b03 rgb(222,123,3)
```

Tetradic Color

#024393
```
#024393 rgb(2,67,147)
```
#024fac
```
#024fac rgb(2,79,172)
```
#035ac5
```
#035ac5 rgb(3,90,197)
```
#0366de
```
#0366de rgb(3,102,222)
```
#0372f7
```
#0372f7 rgb(3,114,247)
```
#187ffc
```
#187ffc rgb(24,127,252)
```
#318dfc
```
#318dfc rgb(49,141,252)
```

Monochromatic Color

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

#039dde
```
#039dde rgb(3,157,222)
```
#038bde
```
#038bde rgb(3,139,222)
```
#0378de
```
#0378de rgb(3,120,222)
```
#0366de
```
#0366de rgb(3,102,222)
```
#0354de
```
#0354de rgb(3,84,222)
```
#0342de
```
#0342de rgb(3,66,222)
```
#032fde
```
#032fde rgb(3,47,222)
```

Similar Colors

Text with hexadecimal color #0366de

This text has a font color of #0366de.

<span style="color:#0366de;">Text here</span>

#0366de background color

This paragraph has a background color of #0366de.

<p style="background-color:#0366de;">Content here</p>

#0366de border color

This element has a border color of #0366de.

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

CSS codes

.text {color:#0366de;}

.background {background-color:#0366de;}

.border {border:1px solid #0366de;}

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

#000409
```
#000409 rgb(0,4,9)
```
#000d1c
```
#000d1c rgb(0,13,28)
```
#011630
```
#011630 rgb(1,22,48)
```
#011f43
```
#011f43 rgb(1,31,67)
```
#012857
```
#012857 rgb(1,40,87)
```
#01316a
```
#01316a rgb(1,49,106)
```
#023a7d
```
#023a7d rgb(2,58,125)
```
#024291
```
#024291 rgb(2,66,145)
```
#024ba4
```
#024ba4 rgb(2,75,164)
```
#0254b7
```
#0254b7 rgb(2,84,183)
```
#035dcb
```
#035dcb rgb(3,93,203)
```
#0366de
```
#0366de rgb(3,102,222)
```
#036ff1
```
#036ff1 rgb(3,111,241)
```

Shade Color Variation

#0d79fc
```
#0d79fc rgb(13,121,252)
```
#2083fc
```
#2083fc rgb(32,131,252)
```
#338efc
```
#338efc rgb(51,142,252)
```
#4799fd
```
#4799fd rgb(71,153,253)
```
#5aa4fd
```
#5aa4fd rgb(90,164,253)
```
#6daefd
```
#6daefd rgb(109,174,253)
```
#81b9fd
```
#81b9fd rgb(129,185,253)
```
#94c4fe
```
#94c4fe rgb(148,196,254)
```
#a7cefe
```
#a7cefe rgb(167,206,254)
```
#bbd9fe
```
#bbd9fe rgb(187,217,254)
```
#cee4fe
```
#cee4fe rgb(206,228,254)
```
#e1efff
```
#e1efff rgb(225,239,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7076 is the less saturated color, while #0366de is the most saturated one.

#6b7076
```
#6b7076 rgb(107,112,118)
```
#626f7f
```
#626f7f rgb(98,111,127)
```
#5a6e87
```
#5a6e87 rgb(90,110,135)
```
#516d90
```
#516d90 rgb(81,109,144)
```
#486d99
```
#486d99 rgb(72,109,153)
```
#406ca1
```
#406ca1 rgb(64,108,161)
```
#376baa
```
#376baa rgb(55,107,170)
```
#2e6ab3
```
#2e6ab3 rgb(46,106,179)
```
#2669bb
```
#2669bb rgb(38,105,187)
```
#1d68c4
```
#1d68c4 rgb(29,104,196)
```
#1468cd
```
#1468cd rgb(20,104,205)
```
#0c67d5
```
#0c67d5 rgb(12,103,213)
```
#0366de
```
#0366de rgb(3,102,222)
```

Tone Color Variation

Below, you can see how #0366de 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

#565656 Achromatopsia 0.005% of the population
#455971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075bf Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#016bdb Protanomaly 1% of men, 0.01% of women
#016fca Deuteranomaly 6% of men, 0.4% of women
#0175a5 Tritanomaly 0.01% of the population

#0366de hex color

#0366de Color Information

#0366de Color Conversion

Color Schemes with #0366de

Alternatives to #0366de

#0366de Preview

Shades and Tints of #0366de

Tones of #0366de

Color Blindness Simulator