#368aa0 Color Information
In a RGB color space, hex #368aa0 is composed of 21.2% red, 54.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 13.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 192.5 degrees, a saturation of 49.5% and a lightness of 42%. #368aa0 color hex could be obtained by blending #6cffff with #001541. Closest websafe color is: #339999.
-
- R 21
- G 54
- B 63
-
- C 66
- M 14
- Y 0
- K 37
● #368aa0 color description : Dark moderate cyan.
#368aa0 Color Conversion
The hexadecimal color #368aa0 has RGB values of R:54, G:138, B:160 and CMYK values of C:0.66, M:0.14, Y:0, K:0.37. Its decimal value is 3574432.
Hex triplet | 368aa0 | #368aa0 |
---|---|---|
RGB Decimal | 54, 138, 160 | rgb(54,138,160) |
RGB Percent | 21.2, 54.1, 62.7 | rgb(21.2%,54.1%,62.7%) |
CMYK | 66, 14, 0, 37 | |
HSL | 192.5°, 49.5, 42 | hsl(192.5,49.5%,42%) |
HSV (or HSB) | 192.5°, 66.3, 62.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.49, -18.072, -19.138 |
---|---|
XYZ | 16.953, 21.498, 36.512 |
xyY | 0.226, 0.287, 21.498 |
CIE-LCH | 53.49, 26.322, 226.641 |
CIE-LUV | 53.49, -32.54, -25.993 |
Hunter-Lab | 46.366, -15.873, -14.233 |
Binary | 00110110, 10001010, 10100000 |
Color Schemes with #368aa0
Alternatives to #368aa0
Below, you can see some colors close to #368aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#368aa0 Preview
This text has a font color of #368aa0.
<span style="color:#368aa0;">Text here</span>
This paragraph has a background color of #368aa0.
<p style="background-color:#368aa0;">Content here</p>
This element has a border color of #368aa0.
<div style="border:1px solid #368aa0;">Content here</div>
.text {color:#368aa0;}
.background {background-color:#368aa0;}
.border {border:1px solid #368aa0;}
Shades and Tints of #368aa0
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, #050c0d is the darkest color, while #fefeff is the lightest one.
-
#050c0d
#050c0d
rgb(5,12,13)
-
#09181c
#09181c
rgb(9,24,28)
-
#0e252b
#0e252b
rgb(14,37,43)
-
#133139
#133139
rgb(19,49,57)
-
#183e48
#183e48
rgb(24,62,72)
-
#1d4b57
#1d4b57
rgb(29,75,87)
-
#225765
#225765
rgb(34,87,101)
-
#276474
#276474
rgb(39,100,116)
-
#2c7183
#2c7183
rgb(44,113,131)
-
#317d91
#317d91
rgb(49,125,145)
-
#368aa0
#368aa0
rgb(54,138,160)
-
#3b97af
#3b97af
rgb(59,151,175)
-
#40a3bd
#40a3bd
rgb(64,163,189)
-
#4eabc3
#4eabc3
rgb(78,171,195)
-
#5cb2c8
#5cb2c8
rgb(92,178,200)
-
#6bb9cd
#6bb9cd
rgb(107,185,205)
-
#7ac0d2
#7ac0d2
rgb(122,192,210)
-
#88c7d7
#88c7d7
rgb(136,199,215)
-
#97cedc
#97cedc
rgb(151,206,220)
-
#a6d5e1
#a6d5e1
rgb(166,213,225)
-
#b4dce6
#b4dce6
rgb(180,220,230)
-
#c3e3eb
#c3e3eb
rgb(195,227,235)
-
#d2e9f0
#d2e9f0
rgb(210,233,240)
-
#e0f0f5
#e0f0f5
rgb(224,240,245)
-
#eff7fa
#eff7fa
rgb(239,247,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #368aa0
A tone is produced by adding gray to any pure hue. In this case, #676d6f is the less saturated color, while #05a7d1 is the most saturated one.
-
#676d6f
#676d6f
rgb(103,109,111)
-
#5f7277
#5f7277
rgb(95,114,119)
-
#57777f
#57777f
rgb(87,119,127)
-
#4f7c87
#4f7c87
rgb(79,124,135)
-
#468090
#468090
rgb(70,128,144)
-
#3e8598
#3e8598
rgb(62,133,152)
-
#368aa0
#368aa0
rgb(54,138,160)
-
#2e8fa8
#2e8fa8
rgb(46,143,168)
-
#2694b0
#2694b0
rgb(38,148,176)
-
#1d98b9
#1d98b9
rgb(29,152,185)
-
#159dc1
#159dc1
rgb(21,157,193)
-
#0da2c9
#0da2c9
rgb(13,162,201)
-
#05a7d1
#05a7d1
rgb(5,167,209)
Color Blindness Simulator
Below, you can see how #368aa0 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.