#03caf0 Color Information
In a RGB color space, hex #03caf0 is composed of 1.2% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 189.6 degrees, a saturation of 97.5% and a lightness of 47.6%. #03caf0 color hex could be obtained by blending #06ffff with #0095e1. Closest websafe color is: #00ccff.
-
- R 1
- G 79
- B 94
-
- C 99
- M 16
- Y 0
- K 6
● #03caf0 color description : Vivid cyan.
#03caf0 Color Conversion
The hexadecimal color #03caf0 has RGB values of R:3, G:202, B:240 and CMYK values of C:0.99, M:0.16, Y:0, K:0.06. Its decimal value is 248560.
Hex triplet | 03caf0 | #03caf0 |
---|---|---|
RGB Decimal | 3, 202, 240 | rgb(3,202,240) |
RGB Percent | 1.2, 79.2, 94.1 | rgb(1.2%,79.2%,94.1%) |
CMYK | 99, 16, 0, 6 | |
HSL | 189.6°, 97.5, 47.6 | hsl(189.6,97.5%,47.6%) |
HSV (or HSB) | 189.6°, 98.8, 94.1 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.169, -28.277, -30.411 |
---|---|
XYZ | 36.882, 48.548, 89.86 |
xyY | 0.21, 0.277, 48.548 |
CIE-LCH | 75.169, 41.527, 227.083 |
CIE-LUV | 75.169, -53.997, -45 |
Hunter-Lab | 69.676, -27.448, -27.692 |
Binary | 00000011, 11001010, 11110000 |
Color Schemes with #03caf0
Alternatives to #03caf0
Below, you can see some colors close to #03caf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03caf0 Preview
This text has a font color of #03caf0.
<span style="color:#03caf0;">Text here</span>
This paragraph has a background color of #03caf0.
<p style="background-color:#03caf0;">Content here</p>
This element has a border color of #03caf0.
<div style="border:1px solid #03caf0;">Content here</div>
.text {color:#03caf0;}
.background {background-color:#03caf0;}
.border {border:1px solid #03caf0;}
Shades and Tints of #03caf0
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, #000608 is the darkest color, while #f3fdff is the lightest one.
-
#000608
#000608
rgb(0,6,8)
-
#00171b
#00171b
rgb(0,23,27)
-
#01272e
#01272e
rgb(1,39,46)
-
#013742
#013742
rgb(1,55,66)
-
#014855
#014855
rgb(1,72,85)
-
#015868
#015868
rgb(1,88,104)
-
#02687c
#02687c
rgb(2,104,124)
-
#02788f
#02788f
rgb(2,120,143)
-
#0289a3
#0289a3
rgb(2,137,163)
-
#0299b6
#0299b6
rgb(2,153,182)
-
#03a9c9
#03a9c9
rgb(3,169,201)
-
#03badd
#03badd
rgb(3,186,221)
-
#03caf0
#03caf0
rgb(3,202,240)
-
#0bd5fc
#0bd5fc
rgb(11,213,252)
-
#1ed9fc
#1ed9fc
rgb(30,217,252)
-
#31dcfc
#31dcfc
rgb(49,220,252)
-
#45dffd
#45dffd
rgb(69,223,253)
-
#58e2fd
#58e2fd
rgb(88,226,253)
-
#6ce6fd
#6ce6fd
rgb(108,230,253)
-
#7fe9fd
#7fe9fd
rgb(127,233,253)
-
#92ecfe
#92ecfe
rgb(146,236,254)
-
#a6f0fe
#a6f0fe
rgb(166,240,254)
-
#b9f3fe
#b9f3fe
rgb(185,243,254)
-
#ccf6fe
#ccf6fe
rgb(204,246,254)
-
#e0faff
#e0faff
rgb(224,250,255)
-
#f3fdff
#f3fdff
rgb(243,253,255)
Tones of #03caf0
A tone is produced by adding gray to any pure hue. In this case, #737e80 is the less saturated color, while #03caf0 is the most saturated one.
-
#737e80
#737e80
rgb(115,126,128)
-
#6a8489
#6a8489
rgb(106,132,137)
-
#608b93
#608b93
rgb(96,139,147)
-
#57919c
#57919c
rgb(87,145,156)
-
#4e97a5
#4e97a5
rgb(78,151,165)
-
#449eaf
#449eaf
rgb(68,158,175)
-
#3ba4b8
#3ba4b8
rgb(59,164,184)
-
#32aac1
#32aac1
rgb(50,170,193)
-
#28b1cb
#28b1cb
rgb(40,177,203)
-
#1fb7d4
#1fb7d4
rgb(31,183,212)
-
#16bddd
#16bddd
rgb(22,189,221)
-
#0cc4e7
#0cc4e7
rgb(12,196,231)
-
#03caf0
#03caf0
rgb(3,202,240)
Color Blindness Simulator
Below, you can see how #03caf0 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.