#230af2 hex color

In a RGB color space, hex #230af2 is composed of 13.7% red, 3.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 95.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.5 degrees, a saturation of 92.1% and a lightness of 49.4%. #230af2 color hex could be obtained by blending #4614ff with #0000e5. Closest websafe color is: #3300ff.

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

● #230af2 color description : Vivid blue.

The hexadecimal color #230af2 has RGB values of R:35, G:10, B:242 and CMYK values of C:0.86, M:0.96, Y:0, K:0.05. Its decimal value is 2296562.

Hex triplet	230af2	`#230af2`
RGB Decimal	35, 10, 242	`rgb(35,10,242)`
RGB Percent	13.7, 3.9, 94.9	`rgb(13.7%,3.9%,94.9%)`
CMYK	86, 96, 0, 5
HSL	246.5°, 92.1, 49.4	`hsl(246.5,92.1%,49.4%)`
HSV (or HSB)	246.5°, 95.9, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.77, 74.839, -101.402
XYZ	16.826, 6.984, 84.461
xyY	0.155, 0.065, 6.984
CIE-LCH	31.77, 126.028, 306.429
CIE-LUV	31.77, -7.58, -124.196
Hunter-Lab	26.427, 67.398, -170.99
Binary	00100011, 00001010, 11110010

#230af2
```
#230af2 rgb(35,10,242)
```
#d9f20a
```
#d9f20a rgb(217,242,10)
```

Complementary Color

#0a65f2
```
#0a65f2 rgb(10,101,242)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#970af2
```
#970af2 rgb(151,10,242)
```

Analogous Color

#65f20a
```
#65f20a rgb(101,242,10)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#f2970a
```
#f2970a rgb(242,151,10)
```

Split Complementary Color

#0af223
```
#0af223 rgb(10,242,35)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#f2230a
```
#f2230a rgb(242,35,10)
```

Triadic Color

#0ad9f2
```
#0ad9f2 rgb(10,217,242)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#f2230a
```
#f2230a rgb(242,35,10)
```
#d9f20a
```
#d9f20a rgb(217,242,10)
```

Tetradic Color

#1807a9
```
#1807a9 rgb(24,7,169)
```
#1c08c1
```
#1c08c1 rgb(28,8,193)
```
#1f09da
```
#1f09da rgb(31,9,218)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#3720f6
```
#3720f6 rgb(55,32,246)
```
#4d38f7
```
#4d38f7 rgb(77,56,247)
```
#6351f8
```
#6351f8 rgb(99,81,248)
```

Monochromatic Color

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

#0a2bf2
```
#0a2bf2 rgb(10,43,242)
```
#0a18f2
```
#0a18f2 rgb(10,24,242)
```
#100af2
```
#100af2 rgb(16,10,242)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#360af2
```
#360af2 rgb(54,10,242)
```
#4a0af2
```
#4a0af2 rgb(74,10,242)
```
#5d0af2
```
#5d0af2 rgb(93,10,242)
```

Similar Colors

Text with hexadecimal color #230af2

This text has a font color of #230af2.

<span style="color:#230af2;">Text here</span>

#230af2 background color

This paragraph has a background color of #230af2.

<p style="background-color:#230af2;">Content here</p>

#230af2 border color

This element has a border color of #230af2.

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

CSS codes

.text {color:#230af2;}

.background {background-color:#230af2;}

.border {border:1px solid #230af2;}

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

#020110
```
#020110 rgb(2,1,16)
```
#050123
```
#050123 rgb(5,1,35)
```
#080236
```
#080236 rgb(8,2,54)
```
#0a0348
```
#0a0348 rgb(10,3,72)
```
#0d045b
```
#0d045b rgb(13,4,91)
```
#10056e
```
#10056e rgb(16,5,110)
```
#130581
```
#130581 rgb(19,5,129)
```
#150694
```
#150694 rgb(21,6,148)
```
#1807a7
```
#1807a7 rgb(24,7,167)
```
#1b08b9
```
#1b08b9 rgb(27,8,185)
```
#1e08cc
```
#1e08cc rgb(30,8,204)
```
#2009df
```
#2009df rgb(32,9,223)
```
#230af2
```
#230af2 rgb(35,10,242)
```

Shade Color Variation

#321af6
```
#321af6 rgb(50,26,246)
```
#432df6
```
#432df6 rgb(67,45,246)
```
#5440f7
```
#5440f7 rgb(84,64,247)
```
#6453f8
```
#6453f8 rgb(100,83,248)
```
#7565f9
```
#7565f9 rgb(117,101,249)
```
#8678f9
```
#8678f9 rgb(134,120,249)
```
#978bfa
```
#978bfa rgb(151,139,250)
```
#a89efb
```
#a89efb rgb(168,158,251)
```
#b9b1fc
```
#b9b1fc rgb(185,177,252)
```
#cac4fd
```
#cac4fd rgb(202,196,253)
```
#dbd6fd
```
#dbd6fd rgb(219,214,253)
```
#ece9fe
```
#ece9fe rgb(236,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#777587
```
#777587 rgb(119,117,135)
```
#6f6b91
```
#6f6b91 rgb(111,107,145)
```
#67619b
```
#67619b rgb(103,97,155)
```
#6058a4
```
#6058a4 rgb(96,88,164)
```
#584eae
```
#584eae rgb(88,78,174)
```
#5144b8
```
#5144b8 rgb(81,68,184)
```
#493ac2
```
#493ac2 rgb(73,58,194)
```
#4131cb
```
#4131cb rgb(65,49,203)
```
#3a27d5
```
#3a27d5 rgb(58,39,213)
```
#321ddf
```
#321ddf rgb(50,29,223)
```
#2b14e8
```
#2b14e8 rgb(43,20,232)
```
#230af2
```
#230af2 rgb(35,10,242)
```
#1b00fc
```
#1b00fc rgb(27,0,252)
```

Tone Color Variation

Below, you can see how #230af2 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

#2c2c2c Achromatopsia 0.005% of the population
#2a2554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0c37bc Protanomaly 1% of men, 0.01% of women
#0c3aae Deuteranomaly 6% of men, 0.4% of women
#0c3e95 Tritanomaly 0.01% of the population

#230af2 hex color

#230af2 Color Information

#230af2 Color Conversion

Color Schemes with #230af2

Alternatives to #230af2

#230af2 Preview

Shades and Tints of #230af2

Tones of #230af2

Color Blindness Simulator