colorhexa.com

#31bbce hex color

In a RGB color space, hex #31bbce is composed of 19.2% red, 73.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 9.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 187.3 degrees, a saturation of 61.6% and a lightness of 50%. #31bbce color hex could be obtained by blending #62ffff with #00779d. Closest websafe color is: #33cccc.

- R 19
- G 73
- B 81
RGB color chart
- C 76
- M 9
- Y 0
- K 19
CMYK color chart

● #31bbce color description : Strong cyan.

The hexadecimal color #31bbce has RGB values of R:49, G:187, B:206 and CMYK values of C:0.76, M:0.09, Y:0, K:0.19. Its decimal value is 3259342.

Hex triplet	31bbce	`#31bbce`
RGB Decimal	49, 187, 206	`rgb(49,187,206)`
RGB Percent	19.2, 73.3, 80.8	`rgb(19.2%,73.3%,80.8%)`
CMYK	76, 9, 0, 19
HSL	187.3°, 61.6, 50	`hsl(187.3,61.6%,50%)`
HSV (or HSB)	187.3°, 76.2, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.928, -29.288, -19.943
XYZ	30.174, 40.647, 64.644
xyY	0.223, 0.3, 40.647
CIE-LCH	69.928, 35.434, 214.252
CIE-LUV	69.928, -48.259, -26.909
Hunter-Lab	63.755, -27.09, -15.489
Binary	00110001, 10111011, 11001110

#31bbce
```
#31bbce rgb(49,187,206)
```
#ce4431
```
#ce4431 rgb(206,68,49)
```

Complementary Color

#31ce93
```
#31ce93 rgb(49,206,147)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#316dce
```
#316dce rgb(49,109,206)
```

Analogous Color

#ce9331
```
#ce9331 rgb(206,147,49)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#ce316d
```
#ce316d rgb(206,49,109)
```

Split Complementary Color

#bbce31
```
#bbce31 rgb(187,206,49)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#ce31bb
```
#ce31bb rgb(206,49,187)
```

Triadic Color

#31ce44
```
#31ce44 rgb(49,206,68)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#ce31bb
```
#ce31bb rgb(206,49,187)
```
#ce4431
```
#ce4431 rgb(206,68,49)
```

Tetradic Color

#228390
```
#228390 rgb(34,131,144)
```
#2796a5
```
#2796a5 rgb(39,150,165)
```
#2ca8b9
```
#2ca8b9 rgb(44,168,185)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#46c2d3
```
#46c2d3 rgb(70,194,211)
```
#5ac9d8
```
#5ac9d8 rgb(90,201,216)
```
#6fcfdd
```
#6fcfdd rgb(111,207,221)
```

Monochromatic Color

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

#31ceba
```
#31ceba rgb(49,206,186)
```
#31cec7
```
#31cec7 rgb(49,206,199)
```
#31c8ce
```
#31c8ce rgb(49,200,206)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#31aece
```
#31aece rgb(49,174,206)
```
#31a1ce
```
#31a1ce rgb(49,161,206)
```
#3194ce
```
#3194ce rgb(49,148,206)
```

Similar Colors

Text with hexadecimal color #31bbce

This text has a font color of #31bbce.

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

#31bbce background color

This paragraph has a background color of #31bbce.

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

#31bbce border color

This element has a border color of #31bbce.

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

CSS codes

.text {color:#31bbce;}

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

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

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

#040e10
```
#040e10 rgb(4,14,16)
```
#081d20
```
#081d20 rgb(8,29,32)
```
#0b2b30
```
#0b2b30 rgb(11,43,48)
```
#0f3a3f
```
#0f3a3f rgb(15,58,63)
```
#13484f
```
#13484f rgb(19,72,79)
```
#17565f
```
#17565f rgb(23,86,95)
```
#1a656f
```
#1a656f rgb(26,101,111)
```
#1e737f
```
#1e737f rgb(30,115,127)
```
#22818f
```
#22818f rgb(34,129,143)
```
#26909e
```
#26909e rgb(38,144,158)
```
#299eae
```
#299eae rgb(41,158,174)
```
#2dadbe
```
#2dadbe rgb(45,173,190)
```
#31bbce
```
#31bbce rgb(49,187,206)
```

Shade Color Variation

#41c0d2
```
#41c0d2 rgb(65,192,210)
```
#51c5d6
```
#51c5d6 rgb(81,197,214)
```
#61cbd9
```
#61cbd9 rgb(97,203,217)
```
#70d0dd
```
#70d0dd rgb(112,208,221)
```
#80d5e1
```
#80d5e1 rgb(128,213,225)
```
#90dae5
```
#90dae5 rgb(144,218,229)
```
#a0e0e8
```
#a0e0e8 rgb(160,224,232)
```
#b0e5ec
```
#b0e5ec rgb(176,229,236)
```
#c0eaf0
```
#c0eaf0 rgb(192,234,240)
```
#cfeff4
```
#cfeff4 rgb(207,239,244)
```
#dff5f7
```
#dff5f7 rgb(223,245,247)
```
#effafb
```
#effafb rgb(239,250,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7f8080
```
#7f8080 rgb(127,128,128)
```
#768789
```
#768789 rgb(118,135,137)
```
#6c8e93
```
#6c8e93 rgb(108,142,147)
```
#62969d
```
#62969d rgb(98,150,157)
```
#589da7
```
#589da7 rgb(88,157,167)
```
#4ea5b1
```
#4ea5b1 rgb(78,165,177)
```
#45acba
```
#45acba rgb(69,172,186)
```
#3bb4c4
```
#3bb4c4 rgb(59,180,196)
```
#31bbce
```
#31bbce rgb(49,187,206)
```
#27c2d8
```
#27c2d8 rgb(39,194,216)
```
#1dcae2
```
#1dcae2 rgb(29,202,226)
```
#14d1eb
```
#14d1eb rgb(20,209,235)
```
#0ad9f5
```
#0ad9f5 rgb(10,217,245)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc6 Protanopia 1% of men
#a9acd7 Deuteranopia 1% of men
#38bfcd Tritanopia 0.001% of the population

Trichromacy

#7eb2c9 Protanomaly 1% of men, 0.01% of women
#7db1d4 Deuteranomaly 6% of men, 0.4% of women
#35bdcd Tritanomaly 0.01% of the population