#31dddf hex color

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

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

● #31dddf color description : Bright cyan.

The hexadecimal color #31dddf has RGB values of R:49, G:221, B:223 and CMYK values of C:0.78, M:0.01, Y:0, K:0.13. Its decimal value is 3268063.

Hex triplet	31dddf	`#31dddf`
RGB Decimal	49, 221, 223	`rgb(49,221,223)`
RGB Percent	19.2, 86.7, 87.5	`rgb(19.2%,86.7%,87.5%)`
CMYK	78, 1, 0, 13
HSL	180.7°, 73.1, 53.3	`hsl(180.7,73.1%,53.3%)`
HSV (or HSB)	180.7°, 78, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.566, -40.175, -13.08
XYZ	40.438, 57.69, 78.812
xyY	0.229, 0.326, 57.69
CIE-LCH	80.566, 42.25, 198.034
CIE-LUV	80.566, -58.89, -14.429
Hunter-Lab	75.954, -37.884, -8.354
Binary	00110001, 11011101, 11011111

#31dddf
```
#31dddf rgb(49,221,223)
```
#df3331
```
#df3331 rgb(223,51,49)
```

Complementary Color

#31df8a
```
#31df8a rgb(49,223,138)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#3186df
```
#3186df rgb(49,134,223)
```

Analogous Color

#df8a31
```
#df8a31 rgb(223,138,49)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#df3186
```
#df3186 rgb(223,49,134)
```

Split Complementary Color

#dddf31
```
#dddf31 rgb(221,223,49)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#df31dd
```
#df31dd rgb(223,49,221)
```

Triadic Color

#31df33
```
#31df33 rgb(49,223,51)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#df31dd
```
#df31dd rgb(223,49,221)
```
#df3331
```
#df3331 rgb(223,51,49)
```

Tetradic Color

#1aa8a9
```
#1aa8a9 rgb(26,168,169)
```
#1ebdbf
```
#1ebdbf rgb(30,189,191)
```
#21d3d5
```
#21d3d5 rgb(33,211,213)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#47e1e2
```
#47e1e2 rgb(71,225,226)
```
#5de4e6
```
#5de4e6 rgb(93,228,230)
```
#73e8e9
```
#73e8e9 rgb(115,232,233)
```

Monochromatic Color

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

#31dfb6
```
#31dfb6 rgb(49,223,182)
```
#31dfc4
```
#31dfc4 rgb(49,223,196)
```
#31dfd3
```
#31dfd3 rgb(49,223,211)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#31cfdf
```
#31cfdf rgb(49,207,223)
```
#31c0df
```
#31c0df rgb(49,192,223)
```
#31b2df
```
#31b2df rgb(49,178,223)
```

Similar Colors

Text with hexadecimal color #31dddf

This text has a font color of #31dddf.

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

#31dddf background color

This paragraph has a background color of #31dddf.

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

#31dddf border color

This element has a border color of #31dddf.

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

CSS codes

.text {color:#31dddf;}

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

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

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

#020f0f
```
#020f0f rgb(2,15,15)
```
#051f20
```
#051f20 rgb(5,31,32)
```
#083031
```
#083031 rgb(8,48,49)
```
#0a4142
```
#0a4142 rgb(10,65,66)
```
#0d5253
```
#0d5253 rgb(13,82,83)
```
#0f6364
```
#0f6364 rgb(15,99,100)
```
#127375
```
#127375 rgb(18,115,117)
```
#158486
```
#158486 rgb(21,132,134)
```
#179597
```
#179597 rgb(23,149,151)
```
#1aa6a8
```
#1aa6a8 rgb(26,166,168)
```
#1db7b8
```
#1db7b8 rgb(29,183,184)
```
#1fc8c9
```
#1fc8c9 rgb(31,200,201)
```
#22d8da
```
#22d8da rgb(34,216,218)
```

Shade Color Variation

#31dddf
```
#31dddf rgb(49,221,223)
```
#42e0e2
```
#42e0e2 rgb(66,224,226)
```
#53e3e4
```
#53e3e4 rgb(83,227,228)
```
#64e5e7
```
#64e5e7 rgb(100,229,231)
```
#75e8ea
```
#75e8ea rgb(117,232,234)
```
#86ebec
```
#86ebec rgb(134,235,236)
```
#97eeef
```
#97eeef rgb(151,238,239)
```
#a8f1f1
```
#a8f1f1 rgb(168,241,241)
```
#b9f3f4
```
#b9f3f4 rgb(185,243,244)
```
#caf6f7
```
#caf6f7 rgb(202,246,247)
```
#dbf9f9
```
#dbf9f9 rgb(219,249,249)
```
#ecfcfc
```
#ecfcfc rgb(236,252,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#838d8d
```
#838d8d rgb(131,141,141)
```
#7a9596
```
#7a9596 rgb(122,149,150)
```
#719e9f
```
#719e9f rgb(113,158,159)
```
#68a7a8
```
#68a7a8 rgb(104,167,168)
```
#5fb0b1
```
#5fb0b1 rgb(95,176,177)
```
#56b9ba
```
#56b9ba rgb(86,185,186)
```
#4cc2c4
```
#4cc2c4 rgb(76,194,196)
```
#43cbcd
```
#43cbcd rgb(67,203,205)
```
#3ad4d6
```
#3ad4d6 rgb(58,212,214)
```
#31dddf
```
#31dddf rgb(49,221,223)
```
#28e6e8
```
#28e6e8 rgb(40,230,232)
```
#1feff1
```
#1feff1 rgb(31,239,241)
```
#16f8fa
```
#16f8fa rgb(22,248,250)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc9d4 Protanopia 1% of men
#cdc6e9 Deuteranopia 1% of men
#48dcec Tritanopia 0.001% of the population

Trichromacy

#93d0d8 Protanomaly 1% of men, 0.01% of women
#94cee5 Deuteranomaly 6% of men, 0.4% of women
#3fdce7 Tritanomaly 0.01% of the population

#31dddf hex color

#31dddf Color Information

#31dddf Color Conversion

Color Schemes with #31dddf

Alternatives to #31dddf

#31dddf Preview

Shades and Tints of #31dddf

Tones of #31dddf

Color Blindness Simulator