#03caf6 Color Information
In a RGB color space, hex #03caf6 is composed of 1.2% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 190.9 degrees, a saturation of 97.6% and a lightness of 48.8%. #03caf6 color hex could be obtained by blending #06ffff with #0095ed. Closest websafe color is: #00ccff.
-
- R 1
- G 79
- B 96
-
- C 99
- M 18
- Y 0
- K 4
● #03caf6 color description : Vivid cyan.
#03caf6 Color Conversion
The hexadecimal color #03caf6 has RGB values of R:3, G:202, B:246 and CMYK values of C:0.99, M:0.18, Y:0, K:0.04. Its decimal value is 248566.
Hex triplet | 03caf6 | #03caf6 |
---|---|---|
RGB Decimal | 3, 202, 246 | rgb(3,202,246) |
RGB Percent | 1.2, 79.2, 96.5 | rgb(1.2%,79.2%,96.5%) |
CMYK | 99, 18, 0, 4 | |
HSL | 190.9°, 97.6, 48.8 | hsl(190.9,97.6%,48.8%) |
HSV (or HSB) | 190.9°, 98.8, 96.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.396, -26.29, -33.285 |
---|---|
XYZ | 37.788, 48.91, 94.633 |
xyY | 0.208, 0.27, 48.91 |
CIE-LCH | 75.396, 42.416, 231.697 |
CIE-LUV | 75.396, -53.53, -50.209 |
Hunter-Lab | 69.936, -25.94, -31.272 |
Binary | 00000011, 11001010, 11110110 |
Color Schemes with #03caf6
Alternatives to #03caf6
Below, you can see some colors close to #03caf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03caf6 Preview
This text has a font color of #03caf6.
<span style="color:#03caf6;">Text here</span>
This paragraph has a background color of #03caf6.
<p style="background-color:#03caf6;">Content here</p>
This element has a border color of #03caf6.
<div style="border:1px solid #03caf6;">Content here</div>
.text {color:#03caf6;}
.background {background-color:#03caf6;}
.border {border:1px solid #03caf6;}
Shades and Tints of #03caf6
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, #000b0d is the darkest color, while #f9feff is the lightest one.
-
#000b0d
#000b0d
rgb(0,11,13)
-
#001b21
#001b21
rgb(0,27,33)
-
#012b34
#012b34
rgb(1,43,52)
-
#013b48
#013b48
rgb(1,59,72)
-
#014b5b
#014b5b
rgb(1,75,91)
-
#015b6e
#015b6e
rgb(1,91,110)
-
#026b82
#026b82
rgb(2,107,130)
-
#027a95
#027a95
rgb(2,122,149)
-
#028aa8
#028aa8
rgb(2,138,168)
-
#029abc
#029abc
rgb(2,154,188)
-
#03aacf
#03aacf
rgb(3,170,207)
-
#03bae3
#03bae3
rgb(3,186,227)
-
#03caf6
#03caf6
rgb(3,202,246)
-
#11d1fc
#11d1fc
rgb(17,209,252)
-
#24d5fc
#24d5fc
rgb(36,213,252)
-
#37d9fd
#37d9fd
rgb(55,217,253)
-
#4bddfd
#4bddfd
rgb(75,221,253)
-
#5ee0fd
#5ee0fd
rgb(94,224,253)
-
#71e4fd
#71e4fd
rgb(113,228,253)
-
#85e8fe
#85e8fe
rgb(133,232,254)
-
#98ebfe
#98ebfe
rgb(152,235,254)
-
#aceffe
#aceffe
rgb(172,239,254)
-
#bff3fe
#bff3fe
rgb(191,243,254)
-
#d2f6fe
#d2f6fe
rgb(210,246,254)
-
#e6faff
#e6faff
rgb(230,250,255)
-
#f9feff
#f9feff
rgb(249,254,255)
Tones of #03caf6
A tone is produced by adding gray to any pure hue. In this case, #768183 is the less saturated color, while #03caf6 is the most saturated one.
-
#768183
#768183
rgb(118,129,131)
-
#6c878d
#6c878d
rgb(108,135,141)
-
#638d96
#638d96
rgb(99,141,150)
-
#5993a0
#5993a0
rgb(89,147,160)
-
#5099a9
#5099a9
rgb(80,153,169)
-
#469fb3
#469fb3
rgb(70,159,179)
-
#3ca5bd
#3ca5bd
rgb(60,165,189)
-
#33abc6
#33abc6
rgb(51,171,198)
-
#29b2d0
#29b2d0
rgb(41,178,208)
-
#20b8d9
#20b8d9
rgb(32,184,217)
-
#16bee3
#16bee3
rgb(22,190,227)
-
#0dc4ec
#0dc4ec
rgb(13,196,236)
-
#03caf6
#03caf6
rgb(3,202,246)
Color Blindness Simulator
Below, you can see how #03caf6 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.