#31cadf hex color

In a RGB color space, hex #31cadf is composed of 19.2% red, 79.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 9.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 187.2 degrees, a saturation of 73.1% and a lightness of 53.3%. #31cadf color hex could be obtained by blending #62ffff with #0095bf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 79
- B 87
RGB color chart
- C 78
- M 9
- Y 0
- K 13
CMYK color chart

● #31cadf color description : Bright cyan.

The hexadecimal color #31cadf has RGB values of R:49, G:202, B:223 and CMYK values of C:0.78, M:0.09, Y:0, K:0.13. Its decimal value is 3263199.

Hex triplet	31cadf	`#31cadf`
RGB Decimal	49, 202, 223	`rgb(49,202,223)`
RGB Percent	19.2, 79.2, 87.5	`rgb(19.2%,79.2%,87.5%)`
CMYK	78, 9, 0, 13
HSL	187.2°, 73.1, 53.3	`hsl(187.2,73.1%,53.3%)`
HSV (or HSB)	187.2°, 78, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.962, -31.315, -21.534
XYZ	35.703, 48.218, 77.233
xyY	0.222, 0.299, 48.218
CIE-LCH	74.962, 38.005, 214.515
CIE-LUV	74.962, -52.317, -29.516
Hunter-Lab	69.439, -29.742, -17.337
Binary	00110001, 11001010, 11011111

#31cadf
```
#31cadf rgb(49,202,223)
```
#df4631
```
#df4631 rgb(223,70,49)
```

Complementary Color

#31df9d
```
#31df9d rgb(49,223,157)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#3173df
```
#3173df rgb(49,115,223)
```

Analogous Color

#df9d31
```
#df9d31 rgb(223,157,49)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#df3173
```
#df3173 rgb(223,49,115)
```

Split Complementary Color

#cadf31
```
#cadf31 rgb(202,223,49)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#df31ca
```
#df31ca rgb(223,49,202)
```

Triadic Color

#31df46
```
#31df46 rgb(49,223,70)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#df31ca
```
#df31ca rgb(223,49,202)
```
#df4631
```
#df4631 rgb(223,70,49)
```

Tetradic Color

#1a98a9
```
#1a98a9 rgb(26,152,169)
```
#1eacbf
```
#1eacbf rgb(30,172,191)
```
#21c0d5
```
#21c0d5 rgb(33,192,213)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#47d0e2
```
#47d0e2 rgb(71,208,226)
```
#5dd5e6
```
#5dd5e6 rgb(93,213,230)
```
#73dbe9
```
#73dbe9 rgb(115,219,233)
```

Monochromatic Color

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

#31dfc9
```
#31dfc9 rgb(49,223,201)
```
#31dfd7
```
#31dfd7 rgb(49,223,215)
```
#31d9df
```
#31d9df rgb(49,217,223)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#31bcdf
```
#31bcdf rgb(49,188,223)
```
#31addf
```
#31addf rgb(49,173,223)
```
#319fdf
```
#319fdf rgb(49,159,223)
```

Similar Colors

Text with hexadecimal color #31cadf

This text has a font color of #31cadf.

<span style="color:#31cadf;">Text here</span>

#31cadf background color

This paragraph has a background color of #31cadf.

<p style="background-color:#31cadf;">Content here</p>

#31cadf border color

This element has a border color of #31cadf.

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

CSS codes

.text {color:#31cadf;}

.background {background-color:#31cadf;}

.border {border:1px solid #31cadf;}

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, #020d0f is the darkest color, while #fdfeff is the lightest one.

#020d0f
```
#020d0f rgb(2,13,15)
```
#051c20
```
#051c20 rgb(5,28,32)
```
#082c31
```
#082c31 rgb(8,44,49)
```
#0a3b42
```
#0a3b42 rgb(10,59,66)
```
#0d4a53
```
#0d4a53 rgb(13,74,83)
```
#0f5964
```
#0f5964 rgb(15,89,100)
```
#126975
```
#126975 rgb(18,105,117)
```
#157886
```
#157886 rgb(21,120,134)
```
#178797
```
#178797 rgb(23,135,151)
```
#1a96a8
```
#1a96a8 rgb(26,150,168)
```
#1da6b8
```
#1da6b8 rgb(29,166,184)
```
#1fb5c9
```
#1fb5c9 rgb(31,181,201)
```
#22c4da
```
#22c4da rgb(34,196,218)
```

Shade Color Variation

#31cadf
```
#31cadf rgb(49,202,223)
```
#42cee2
```
#42cee2 rgb(66,206,226)
```
#53d3e4
```
#53d3e4 rgb(83,211,228)
```
#64d7e7
```
#64d7e7 rgb(100,215,231)
```
#75dbea
```
#75dbea rgb(117,219,234)
```
#86e0ec
```
#86e0ec rgb(134,224,236)
```
#97e4ef
```
#97e4ef rgb(151,228,239)
```
#a8e9f1
```
#a8e9f1 rgb(168,233,241)
```
#b9edf4
```
#b9edf4 rgb(185,237,244)
```
#caf1f7
```
#caf1f7 rgb(202,241,247)
```
#dbf6f9
```
#dbf6f9 rgb(219,246,249)
```
#ecfafc
```
#ecfafc rgb(236,250,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8d is the less saturated color, while #16dffa is the most saturated one.

#838c8d
```
#838c8d rgb(131,140,141)
```
#7a9296
```
#7a9296 rgb(122,146,150)
```
#71999f
```
#71999f rgb(113,153,159)
```
#68a0a8
```
#68a0a8 rgb(104,160,168)
```
#5fa7b1
```
#5fa7b1 rgb(95,167,177)
```
#56aeba
```
#56aeba rgb(86,174,186)
```
#4cb5c4
```
#4cb5c4 rgb(76,181,196)
```
#43bccd
```
#43bccd rgb(67,188,205)
```
#3ac3d6
```
#3ac3d6 rgb(58,195,214)
```
#31cadf
```
#31cadf rgb(49,202,223)
```
#28d1e8
```
#28d1e8 rgb(40,209,232)
```
#1fd8f1
```
#1fd8f1 rgb(31,216,241)
```
#16dffa
```
#16dffa rgb(22,223,250)
```

Tone Color Variation

Below, you can see how #31cadf 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

#9f9f9f Achromatopsia 0.005% of the population
#89a8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bad5 Protanopia 1% of men
#b5b8e8 Deuteranopia 1% of men
#36cddc Tritanopia 0.001% of the population

Trichromacy

#86c0d9 Protanomaly 1% of men, 0.01% of women
#85bfe4 Deuteranomaly 6% of men, 0.4% of women
#34ccdd Tritanomaly 0.01% of the population

#31cadf hex color

#31cadf Color Information

#31cadf Color Conversion

Color Schemes with #31cadf

Alternatives to #31cadf

#31cadf Preview

Shades and Tints of #31cadf

Tones of #31cadf

Color Blindness Simulator