#0c33ff hex color

In a RGB color space, hex #0c33ff is composed of 4.7% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 230.4 degrees, a saturation of 100% and a lightness of 52.4%. #0c33ff color hex could be obtained by blending #1866ff with #0000ff. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 5
- G 20
- B 100
RGB color chart
- C 95
- M 80
- Y 0
- K 0
CMYK color chart

● #0c33ff color description : Vivid blue.

The hexadecimal color #0c33ff has RGB values of R:12, G:51, B:255 and CMYK values of C:0.95, M:0.8, Y:0, K:0. Its decimal value is 799743.

Hex triplet	0c33ff	`#0c33ff`
RGB Decimal	12, 51, 255	`rgb(12,51,255)`
RGB Percent	4.7, 20, 100	`rgb(4.7%,20%,100%)`
CMYK	95, 80, 0, 0
HSL	230.4°, 100, 52.4	`hsl(230.4,100%,52.4%)`
HSV (or HSB)	230.4°, 95.3, 100
Web Safe	0033ff	`#0033ff`

CIE-LAB	37.233, 64.846, -99.628
XYZ	19.382, 9.664, 95.446
xyY	0.156, 0.078, 9.664
CIE-LCH	37.233, 118.873, 303.059
CIE-LUV	37.233, -12.497, -133.275
Hunter-Lab	31.087, 56.885, -160.274
Binary	00001100, 00110011, 11111111

#0c33ff
```
#0c33ff rgb(12,51,255)
```
#ffd80c
```
#ffd80c rgb(255,216,12)
```

Complementary Color

#0cadff
```
#0cadff rgb(12,173,255)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#5f0cff
```
#5f0cff rgb(95,12,255)
```

Analogous Color

#adff0c
```
#adff0c rgb(173,255,12)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```

Split Complementary Color

#33ff0c
```
#33ff0c rgb(51,255,12)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#ff0c33
```
#ff0c33 rgb(255,12,51)
```

Triadic Color

#0cffd8
```
#0cffd8 rgb(12,255,216)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#ff0c33
```
#ff0c33 rgb(255,12,51)
```
#ffd80c
```
#ffd80c rgb(255,216,12)
```

Tetradic Color

#001fbf
```
#001fbf rgb(0,31,191)
```
#0023d8
```
#0023d8 rgb(0,35,216)
```
#0027f2
```
#0027f2 rgb(0,39,242)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#2648ff
```
#2648ff rgb(38,72,255)
```
#3f5eff
```
#3f5eff rgb(63,94,255)
```
#5973ff
```
#5973ff rgb(89,115,255)
```

Monochromatic Color

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

#0c70ff
```
#0c70ff rgb(12,112,255)
```
#0c5cff
```
#0c5cff rgb(12,92,255)
```
#0c47ff
```
#0c47ff rgb(12,71,255)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```
#0c1fff
```
#0c1fff rgb(12,31,255)
```
#0e0cff
```
#0e0cff rgb(14,12,255)
```
#220cff
```
#220cff rgb(34,12,255)
```

Similar Colors

Text with hexadecimal color #0c33ff

This text has a font color of #0c33ff.

<span style="color:#0c33ff;">Text here</span>

#0c33ff background color

This paragraph has a background color of #0c33ff.

<p style="background-color:#0c33ff;">Content here</p>

#0c33ff border color

This element has a border color of #0c33ff.

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

CSS codes

.text {color:#0c33ff;}

.background {background-color:#0c33ff;}

.border {border:1px solid #0c33ff;}

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, #00020c is the darkest color, while #f7f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#000520
```
#000520 rgb(0,5,32)
```
#000833
```
#000833 rgb(0,8,51)
```
#000b47
```
#000b47 rgb(0,11,71)
```
#000f5a
```
#000f5a rgb(0,15,90)
```
#00126e
```
#00126e rgb(0,18,110)
```
#001582
```
#001582 rgb(0,21,130)
```
#001895
```
#001895 rgb(0,24,149)
```
#001ba9
```
#001ba9 rgb(0,27,169)
```
#001ebd
```
#001ebd rgb(0,30,189)
```
#0021d0
```
#0021d0 rgb(0,33,208)
```
#0025e4
```
#0025e4 rgb(0,37,228)
```
#0028f7
```
#0028f7 rgb(0,40,247)
```

Shade Color Variation

#0c33ff
```
#0c33ff rgb(12,51,255)
```
#2043ff
```
#2043ff rgb(32,67,255)
```
#3354ff
```
#3354ff rgb(51,84,255)
```
#4764ff
```
#4764ff rgb(71,100,255)
```
#5a75ff
```
#5a75ff rgb(90,117,255)
```
#6e85ff
```
#6e85ff rgb(110,133,255)
```
#8296ff
```
#8296ff rgb(130,150,255)
```
#95a6ff
```
#95a6ff rgb(149,166,255)
```
#a9b7ff
```
#a9b7ff rgb(169,183,255)
```
#bdc7ff
```
#bdc7ff rgb(189,199,255)
```
#d0d8ff
```
#d0d8ff rgb(208,216,255)
```
#e4e8ff
```
#e4e8ff rgb(228,232,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7f8f is the less saturated color, while #0c33ff is the most saturated one.

#7c7f8f
```
#7c7f8f rgb(124,127,143)
```
#737998
```
#737998 rgb(115,121,152)
```
#6972a2
```
#6972a2 rgb(105,114,162)
```
#606cab
```
#606cab rgb(96,108,171)
```
#5766b4
```
#5766b4 rgb(87,102,180)
```
#4d5fbe
```
#4d5fbe rgb(77,95,190)
```
#4459c7
```
#4459c7 rgb(68,89,199)
```
#3b53d0
```
#3b53d0 rgb(59,83,208)
```
#314cda
```
#314cda rgb(49,76,218)
```
#2846e3
```
#2846e3 rgb(40,70,227)
```
#1f40ec
```
#1f40ec rgb(31,64,236)
```
#1539f6
```
#1539f6 rgb(21,57,246)
```
#0c33ff
```
#0c33ff rgb(12,51,255)
```

Tone Color Variation

Below, you can see how #0c33ff 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

#3f3f3f Achromatopsia 0.005% of the population
#353d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00639c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#044ed0 Protanomaly 1% of men, 0.01% of women
#0451c0 Deuteranomaly 6% of men, 0.4% of women
#0455a2 Tritanomaly 0.01% of the population

#0c33ff hex color

#0c33ff Color Information

#0c33ff Color Conversion

Color Schemes with #0c33ff

Alternatives to #0c33ff

#0c33ff Preview

Shades and Tints of #0c33ff

Tones of #0c33ff

Color Blindness Simulator