#0223f3 hex color

In a RGB color space, hex #0223f3 is composed of 0.8% red, 13.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 85.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.8 degrees, a saturation of 98.4% and a lightness of 48%. #0223f3 color hex could be obtained by blending #0446ff with #0000e7. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 1
- G 14
- B 95
RGB color chart
- C 99
- M 86
- Y 0
- K 5
CMYK color chart

● #0223f3 color description : Vivid blue.

The hexadecimal color #0223f3 has RGB values of R:2, G:35, B:243 and CMYK values of C:0.99, M:0.86, Y:0, K:0.05. Its decimal value is 140275.

Hex triplet	0223f3	`#0223f3`
RGB Decimal	2, 35, 243	`rgb(2,35,243)`
RGB Percent	0.8, 13.7, 95.3	`rgb(0.8%,13.7%,95.3%)`
CMYK	99, 86, 0, 5
HSL	231.8°, 98.4, 48	`hsl(231.8,98.4%,48%)`
HSV (or HSB)	231.8°, 99.2, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.317, 68.032, -99.404
XYZ	16.8, 7.685, 85.387
xyY	0.153, 0.07, 7.685
CIE-LCH	33.317, 120.455, 304.388
CIE-LUV	33.317, -10.717, -125.689
Hunter-Lab	27.721, 59.668, -163.22
Binary	00000010, 00100011, 11110011

#0223f3
```
#0223f3 rgb(2,35,243)
```
#f3d202
```
#f3d202 rgb(243,210,2)
```

Complementary Color

#029cf3
```
#029cf3 rgb(2,156,243)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#5902f3
```
#5902f3 rgb(89,2,243)
```

Analogous Color

#9cf302
```
#9cf302 rgb(156,243,2)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#f35902
```
#f35902 rgb(243,89,2)
```

Split Complementary Color

#23f302
```
#23f302 rgb(35,243,2)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#f30223
```
#f30223 rgb(243,2,35)
```

Triadic Color

#02f3d2
```
#02f3d2 rgb(2,243,210)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#f30223
```
#f30223 rgb(243,2,35)
```
#f3d202
```
#f3d202 rgb(243,210,2)
```

Tetradic Color

#0118a7
```
#0118a7 rgb(1,24,167)
```
#021cc0
```
#021cc0 rgb(2,28,192)
```
#021fda
```
#021fda rgb(2,31,218)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#1132fd
```
#1132fd rgb(17,50,253)
```
#2b48fd
```
#2b48fd rgb(43,72,253)
```
#445dfd
```
#445dfd rgb(68,93,253)
```

Monochromatic Color

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

#025ff3
```
#025ff3 rgb(2,95,243)
```
#024bf3
```
#024bf3 rgb(2,75,243)
```
#0237f3
```
#0237f3 rgb(2,55,243)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```
#020ff3
```
#020ff3 rgb(2,15,243)
```
#0902f3
```
#0902f3 rgb(9,2,243)
```
#1d02f3
```
#1d02f3 rgb(29,2,243)
```

Similar Colors

Text with hexadecimal color #0223f3

This text has a font color of #0223f3.

<span style="color:#0223f3;">Text here</span>

#0223f3 background color

This paragraph has a background color of #0223f3.

<p style="background-color:#0223f3;">Content here</p>

#0223f3 border color

This element has a border color of #0223f3.

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

CSS codes

.text {color:#0223f3;}

.background {background-color:#0223f3;}

.border {border:1px solid #0223f3;}

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, #00010a is the darkest color, while #f5f6ff is the lightest one.

#00010a
```
#00010a rgb(0,1,10)
```
#00041d
```
#00041d rgb(0,4,29)
```
#000730
```
#000730 rgb(0,7,48)
```
#010a44
```
#010a44 rgb(1,10,68)
```
#010d57
```
#010d57 rgb(1,13,87)
```
#010f6b
```
#010f6b rgb(1,15,107)
```
#01127e
```
#01127e rgb(1,18,126)
```
#011592
```
#011592 rgb(1,21,146)
```
#0118a5
```
#0118a5 rgb(1,24,165)
```
#021bb9
```
#021bb9 rgb(2,27,185)
```
#021dcc
```
#021dcc rgb(2,29,204)
```
#0220e0
```
#0220e0 rgb(2,32,224)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```

Shade Color Variation

#0c2dfd
```
#0c2dfd rgb(12,45,253)
```
#1f3dfd
```
#1f3dfd rgb(31,61,253)
```
#334efd
```
#334efd rgb(51,78,253)
```
#465ffd
```
#465ffd rgb(70,95,253)
```
#5970fe
```
#5970fe rgb(89,112,254)
```
#6d81fe
```
#6d81fe rgb(109,129,254)
```
#8092fe
```
#8092fe rgb(128,146,254)
```
#94a2fe
```
#94a2fe rgb(148,162,254)
```
#a7b3fe
```
#a7b3fe rgb(167,179,254)
```
#bbc4fe
```
#bbc4fe rgb(187,196,254)
```
#ced5ff
```
#ced5ff rgb(206,213,255)
```
#e2e6ff
```
#e2e6ff rgb(226,230,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#737582
```
#737582 rgb(115,117,130)
```
#6a6e8b
```
#6a6e8b rgb(106,110,139)
```
#606795
```
#606795 rgb(96,103,149)
```
#57619e
```
#57619e rgb(87,97,158)
```
#4d5aa8
```
#4d5aa8 rgb(77,90,168)
```
#4453b1
```
#4453b1 rgb(68,83,177)
```
#3b4cba
```
#3b4cba rgb(59,76,186)
```
#3145c4
```
#3145c4 rgb(49,69,196)
```
#283ecd
```
#283ecd rgb(40,62,205)
```
#1e38d7
```
#1e38d7 rgb(30,56,215)
```
#1531e0
```
#1531e0 rgb(21,49,224)
```
#0b2aea
```
#0b2aea rgb(11,42,234)
```
#0223f3
```
#0223f3 rgb(2,35,243)
```

Tone Color Variation

Below, you can see how #0223f3 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

#313131 Achromatopsia 0.005% of the population
#282e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#0042c1 Protanomaly 1% of men, 0.01% of women
#0046b2 Deuteranomaly 6% of men, 0.4% of women
#004a98 Tritanomaly 0.01% of the population

#0223f3 hex color

#0223f3 Color Information

#0223f3 Color Conversion

Color Schemes with #0223f3

Alternatives to #0223f3

#0223f3 Preview

Shades and Tints of #0223f3

Tones of #0223f3

Color Blindness Simulator