#23a2dc hex color

In a RGB color space, hex #23a2dc is composed of 13.7% red, 63.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 26.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.8 degrees, a saturation of 72.5% and a lightness of 50%. #23a2dc color hex could be obtained by blending #46ffff with #0045b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 14
- G 64
- B 86
RGB color chart
- C 84
- M 26
- Y 0
- K 14
CMYK color chart

● #23a2dc color description : Bright blue.

The hexadecimal color #23a2dc has RGB values of R:35, G:162, B:220 and CMYK values of C:0.84, M:0.26, Y:0, K:0.14. Its decimal value is 2335452.

Hex triplet	23a2dc	`#23a2dc`
RGB Decimal	35, 162, 220	`rgb(35,162,220)`
RGB Percent	13.7, 63.5, 86.3	`rgb(13.7%,63.5%,86.3%)`
CMYK	84, 26, 0, 14
HSL	198.8°, 72.5, 50	`hsl(198.8,72.5%,50%)`
HSV (or HSB)	198.8°, 84.1, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.813, -12.951, -38.65
XYZ	26.528, 31.363, 72.362
xyY	0.204, 0.241, 31.363
CIE-LCH	62.813, 40.762, 251.475
CIE-LUV	62.813, -40.202, -59.64
Hunter-Lab	56.003, -13.449, -37.408
Binary	00100011, 10100010, 11011100

#23a2dc
```
#23a2dc rgb(35,162,220)
```
#dc5d23
```
#dc5d23 rgb(220,93,35)
```

Complementary Color

#23dcba
```
#23dcba rgb(35,220,186)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#2346dc
```
#2346dc rgb(35,70,220)
```

Analogous Color

#dcba23
```
#dcba23 rgb(220,186,35)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#dc2345
```
#dc2345 rgb(220,35,69)
```

Split Complementary Color

#a2dc23
```
#a2dc23 rgb(162,220,35)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#dc23a2
```
#dc23a2 rgb(220,35,162)
```

Triadic Color

#23dc5d
```
#23dc5d rgb(35,220,93)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#dc23a2
```
#dc23a2 rgb(220,35,162)
```
#dc5d23
```
#dc5d23 rgb(220,93,35)
```

Tetradic Color

#19719a
```
#19719a rgb(25,113,154)
```
#1c82b0
```
#1c82b0 rgb(28,130,176)
```
#2092c6
```
#2092c6 rgb(32,146,198)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#39abe0
```
#39abe0 rgb(57,171,224)
```
#4fb5e3
```
#4fb5e3 rgb(79,181,227)
```
#65bee7
```
#65bee7 rgb(101,190,231)
```

Monochromatic Color

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

#23d0dc
```
#23d0dc rgb(35,208,220)
```
#23c1dc
```
#23c1dc rgb(35,193,220)
```
#23b1dc
```
#23b1dc rgb(35,177,220)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#2393dc
```
#2393dc rgb(35,147,220)
```
#2383dc
```
#2383dc rgb(35,131,220)
```
#2374dc
```
#2374dc rgb(35,116,220)
```

Similar Colors

Text with hexadecimal color #23a2dc

This text has a font color of #23a2dc.

<span style="color:#23a2dc;">Text here</span>

#23a2dc background color

This paragraph has a background color of #23a2dc.

<p style="background-color:#23a2dc;">Content here</p>

#23a2dc border color

This element has a border color of #23a2dc.

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

CSS codes

.text {color:#23a2dc;}

.background {background-color:#23a2dc;}

.border {border:1px solid #23a2dc;}

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, #030c11 is the darkest color, while #ffffff is the lightest one.

#030c11
```
#030c11 rgb(3,12,17)
```
#051922
```
#051922 rgb(5,25,34)
```
#082533
```
#082533 rgb(8,37,51)
```
#0b3244
```
#0b3244 rgb(11,50,68)
```
#0d3e55
```
#0d3e55 rgb(13,62,85)
```
#104b66
```
#104b66 rgb(16,75,102)
```
#135776
```
#135776 rgb(19,87,118)
```
#166487
```
#166487 rgb(22,100,135)
```
#187098
```
#187098 rgb(24,112,152)
```
#1b7da9
```
#1b7da9 rgb(27,125,169)
```
#1e89ba
```
#1e89ba rgb(30,137,186)
```
#2096cb
```
#2096cb rgb(32,150,203)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```

Shade Color Variation

#34a9df
```
#34a9df rgb(52,169,223)
```
#45b0e1
```
#45b0e1 rgb(69,176,225)
```
#56b7e4
```
#56b7e4 rgb(86,183,228)
```
#67bfe7
```
#67bfe7 rgb(103,191,231)
```
#78c6e9
```
#78c6e9 rgb(120,198,233)
```
#89cdec
```
#89cdec rgb(137,205,236)
```
#99d4ef
```
#99d4ef rgb(153,212,239)
```
#aadbf2
```
#aadbf2 rgb(170,219,242)
```
#bbe2f4
```
#bbe2f4 rgb(187,226,244)
```
#cceaf7
```
#cceaf7 rgb(204,234,247)
```
#ddf1fa
```
#ddf1fa rgb(221,241,250)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b8184
```
#7b8184 rgb(123,129,132)
```
#71858e
```
#71858e rgb(113,133,142)
```
#688897
```
#688897 rgb(104,136,151)
```
#5e8ca1
```
#5e8ca1 rgb(94,140,161)
```
#5490ab
```
#5490ab rgb(84,144,171)
```
#4a93b5
```
#4a93b5 rgb(74,147,181)
```
#4097bf
```
#4097bf rgb(64,151,191)
```
#379bc8
```
#379bc8 rgb(55,155,200)
```
#2d9ed2
```
#2d9ed2 rgb(45,158,210)
```
#23a2dc
```
#23a2dc rgb(35,162,220)
```
#19a6e6
```
#19a6e6 rgb(25,166,230)
```
#0fa9f0
```
#0fa9f0 rgb(15,169,240)
```
#06adf9
```
#06adf9 rgb(6,173,249)
```

Tone Color Variation

Below, you can see how #23a2dc 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

#838383 Achromatopsia 0.005% of the population
#708995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9bd5 Protanopia 1% of men
#7b9ce2 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#649dd7 Protanomaly 1% of men, 0.01% of women
#5b9edf Deuteranomaly 6% of men, 0.4% of women
#0ca8c5 Tritanomaly 0.01% of the population

#23a2dc hex color

#23a2dc Color Information

#23a2dc Color Conversion

Color Schemes with #23a2dc

Alternatives to #23a2dc

#23a2dc Preview

Shades and Tints of #23a2dc

Tones of #23a2dc

Color Blindness Simulator