#31bccc Color Information
In a RGB color space, hex #31bccc is composed of 19.2% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 186.2 degrees, a saturation of 61.3% and a lightness of 49.6%. #31bccc color hex could be obtained by blending #62ffff with #007999. Closest websafe color is: #33cccc.
-
- R 19
- G 74
- B 80
-
- C 76
- M 8
- Y 0
- K 20
● #31bccc color description : Strong cyan.
#31bccc Color Conversion
The hexadecimal color #31bccc has RGB values of R:49, G:188, B:204 and CMYK values of C:0.76, M:0.08, Y:0, K:0.2. Its decimal value is 3259596.
Hex triplet | 31bccc | #31bccc |
---|---|---|
RGB Decimal | 49, 188, 204 | rgb(49,188,204) |
RGB Percent | 19.2, 73.7, 80 | rgb(19.2%,73.7%,80%) |
CMYK | 76, 8, 0, 20 | |
HSL | 186.2°, 61.3, 49.6 | hsl(186.2,61.3%,49.6%) |
HSV (or HSB) | 186.2°, 76, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.159, -30.393, -18.497 |
---|---|
XYZ | 30.146, 40.976, 63.444 |
xyY | 0.224, 0.305, 40.976 |
CIE-LCH | 70.159, 35.579, 211.324 |
CIE-LUV | 70.159, -48.75, -24.389 |
Hunter-Lab | 64.013, -27.96, -13.954 |
Binary | 00110001, 10111100, 11001100 |
Color Schemes with #31bccc
Alternatives to #31bccc
Below, you can see some colors close to #31bccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#31bccc Preview
This text has a font color of #31bccc.
<span style="color:#31bccc;">Text here</span>
This paragraph has a background color of #31bccc.
<p style="background-color:#31bccc;">Content here</p>
This element has a border color of #31bccc.
<div style="border:1px solid #31bccc;">Content here</div>
.text {color:#31bccc;}
.background {background-color:#31bccc;}
.border {border:1px solid #31bccc;}
Shades and Tints of #31bccc
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, #030d0e is the darkest color, while #fdfeff is the lightest one.
-
#030d0e
#030d0e
rgb(3,13,14)
-
#071c1e
#071c1e
rgb(7,28,30)
-
#0b2a2e
#0b2a2e
rgb(11,42,46)
-
#0f393e
#0f393e
rgb(15,57,62)
-
#13474d
#13474d
rgb(19,71,77)
-
#16565d
#16565d
rgb(22,86,93)
-
#1a656d
#1a656d
rgb(26,101,109)
-
#1e737d
#1e737d
rgb(30,115,125)
-
#22828d
#22828d
rgb(34,130,141)
-
#26909d
#26909d
rgb(38,144,157)
-
#299fac
#299fac
rgb(41,159,172)
-
#2dadbc
#2dadbc
rgb(45,173,188)
-
#31bccc
#31bccc
rgb(49,188,204)
-
#40c2d1
#40c2d1
rgb(64,194,209)
-
#4fc7d5
#4fc7d5
rgb(79,199,213)
-
#5fccd9
#5fccd9
rgb(95,204,217)
-
#6fd1dc
#6fd1dc
rgb(111,209,220)
-
#7fd6e0
#7fd6e0
rgb(127,214,224)
-
#8fdbe4
#8fdbe4
rgb(143,219,228)
-
#9ee0e8
#9ee0e8
rgb(158,224,232)
-
#aee5ec
#aee5ec
rgb(174,229,236)
-
#beeaef
#beeaef
rgb(190,234,239)
-
#ceeff3
#ceeff3
rgb(206,239,243)
-
#def4f7
#def4f7
rgb(222,244,247)
-
#eef9fb
#eef9fb
rgb(238,249,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #31bccc
A tone is produced by adding gray to any pure hue. In this case, #758688 is the less saturated color, while #00e3fd is the most saturated one.
-
#758688
#758688
rgb(117,134,136)
-
#6b8e92
#6b8e92
rgb(107,142,146)
-
#62959b
#62959b
rgb(98,149,155)
-
#589da5
#589da5
rgb(88,157,165)
-
#4ea5af
#4ea5af
rgb(78,165,175)
-
#44adb9
#44adb9
rgb(68,173,185)
-
#3bb4c2
#3bb4c2
rgb(59,180,194)
-
#31bccc
#31bccc
rgb(49,188,204)
-
#27c4d6
#27c4d6
rgb(39,196,214)
-
#1ecbdf
#1ecbdf
rgb(30,203,223)
-
#14d3e9
#14d3e9
rgb(20,211,233)
-
#0adbf3
#0adbf3
rgb(10,219,243)
-
#00e3fd
#00e3fd
rgb(0,227,253)
Color Blindness Simulator
Below, you can see how #31bccc 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.