#369fc2 Color Information
In a RGB color space, hex #369fc2 is composed of 21.2% red, 62.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 18% magenta, 0% yellow and 23.9% black. It has a hue angle of 195 degrees, a saturation of 56.5% and a lightness of 48.6%. #369fc2 color hex could be obtained by blending #6cffff with #003f85. Closest websafe color is: #3399cc.
-
- R 21
- G 62
- B 76
-
- C 72
- M 18
- Y 0
- K 24
● #369fc2 color description : Moderate cyan.
#369fc2 Color Conversion
The hexadecimal color #369fc2 has RGB values of R:54, G:159, B:194 and CMYK values of C:0.72, M:0.18, Y:0, K:0.24. Its decimal value is 3579842.
Hex triplet | 369fc2 | #369fc2 |
---|---|---|
RGB Decimal | 54, 159, 194 | rgb(54,159,194) |
RGB Percent | 21.2, 62.4, 76.1 | rgb(21.2%,62.4%,76.1%) |
CMYK | 72, 18, 0, 24 | |
HSL | 195°, 56.5, 48.6 | hsl(195,56.5%,48.6%) |
HSV (or HSB) | 195°, 72.2, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.197, -18.241, -26.643 |
---|---|
XYZ | 23.654, 29.474, 55.478 |
xyY | 0.218, 0.271, 29.474 |
CIE-LCH | 61.197, 32.289, 235.602 |
CIE-LUV | 61.197, -38.325, -38.781 |
Hunter-Lab | 54.29, -17.233, -22.586 |
Binary | 00110110, 10011111, 11000010 |
Color Schemes with #369fc2
Alternatives to #369fc2
Below, you can see some colors close to #369fc2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#369fc2 Preview
This text has a font color of #369fc2.
<span style="color:#369fc2;">Text here</span>
This paragraph has a background color of #369fc2.
<p style="background-color:#369fc2;">Content here</p>
This element has a border color of #369fc2.
<div style="border:1px solid #369fc2;">Content here</div>
.text {color:#369fc2;}
.background {background-color:#369fc2;}
.border {border:1px solid #369fc2;}
Shades and Tints of #369fc2
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, #03080a is the darkest color, while #fafcfd is the lightest one.
-
#03080a
#03080a
rgb(3,8,10)
-
#071519
#071519
rgb(7,21,25)
-
#0b2129
#0b2129
rgb(11,33,41)
-
#102e38
#102e38
rgb(16,46,56)
-
#143a47
#143a47
rgb(20,58,71)
-
#184757
#184757
rgb(24,71,87)
-
#1c5466
#1c5466
rgb(28,84,102)
-
#216075
#216075
rgb(33,96,117)
-
#256d85
#256d85
rgb(37,109,133)
-
#297994
#297994
rgb(41,121,148)
-
#2d86a3
#2d86a3
rgb(45,134,163)
-
#3292b3
#3292b3
rgb(50,146,179)
-
#369fc2
#369fc2
rgb(54,159,194)
-
#41a8ca
#41a8ca
rgb(65,168,202)
-
#51afce
#51afce
rgb(81,175,206)
-
#60b6d3
#60b6d3
rgb(96,182,211)
-
#6fbdd7
#6fbdd7
rgb(111,189,215)
-
#7fc4db
#7fc4db
rgb(127,196,219)
-
#8ecbe0
#8ecbe0
rgb(142,203,224)
-
#9dd2e4
#9dd2e4
rgb(157,210,228)
-
#add9e8
#add9e8
rgb(173,217,232)
-
#bce0ec
#bce0ec
rgb(188,224,236)
-
#cbe7f1
#cbe7f1
rgb(203,231,241)
-
#dbeef5
#dbeef5
rgb(219,238,245)
-
#eaf5f9
#eaf5f9
rgb(234,245,249)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #369fc2
A tone is produced by adding gray to any pure hue. In this case, #797e7f is the less saturated color, while #06b7f2 is the most saturated one.
-
#797e7f
#797e7f
rgb(121,126,127)
-
#6f8289
#6f8289
rgb(111,130,137)
-
#668792
#668792
rgb(102,135,146)
-
#5c8c9c
#5c8c9c
rgb(92,140,156)
-
#5391a5
#5391a5
rgb(83,145,165)
-
#4995af
#4995af
rgb(73,149,175)
-
#409ab8
#409ab8
rgb(64,154,184)
-
#369fc2
#369fc2
rgb(54,159,194)
-
#2ca4cc
#2ca4cc
rgb(44,164,204)
-
#23a9d5
#23a9d5
rgb(35,169,213)
-
#19addf
#19addf
rgb(25,173,223)
-
#10b2e8
#10b2e8
rgb(16,178,232)
-
#06b7f2
#06b7f2
rgb(6,183,242)
Color Blindness Simulator
Below, you can see how #369fc2 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.