#03b6f4 Color Information
In a RGB color space, hex #03b6f4 is composed of 1.2% red, 71.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 25.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 195.4 degrees, a saturation of 97.6% and a lightness of 48.4%. #03b6f4 color hex could be obtained by blending #06ffff with #006de9. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 96
-
- C 99
- M 25
- Y 0
- K 4
● #03b6f4 color description : Vivid blue.
#03b6f4 Color Conversion
The hexadecimal color #03b6f4 has RGB values of R:3, G:182, B:244 and CMYK values of C:0.99, M:0.25, Y:0, K:0.04. Its decimal value is 243444.
Hex triplet | 03b6f4 | #03b6f4 |
---|---|---|
RGB Decimal | 3, 182, 244 | rgb(3,182,244) |
RGB Percent | 1.2, 71.4, 95.7 | rgb(1.2%,71.4%,95.7%) |
CMYK | 99, 25, 0, 4 | |
HSL | 195.4°, 97.6, 48.4 | hsl(195.4,97.6%,48.4%) |
HSV (or HSB) | 195.4°, 98.8, 95.7 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.472, -16.672, -41.41 |
---|---|
XYZ | 33.09, 40.004, 91.56 |
xyY | 0.201, 0.243, 40.004 |
CIE-LCH | 69.472, 44.64, 248.07 |
CIE-LUV | 69.472, -46.999, -64.799 |
Hunter-Lab | 63.248, -17.297, -41.556 |
Binary | 00000011, 10110110, 11110100 |
Color Schemes with #03b6f4
Alternatives to #03b6f4
Below, you can see some colors close to #03b6f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03b6f4 Preview
This text has a font color of #03b6f4.
<span style="color:#03b6f4;">Text here</span>
This paragraph has a background color of #03b6f4.
<p style="background-color:#03b6f4;">Content here</p>
This element has a border color of #03b6f4.
<div style="border:1px solid #03b6f4;">Content here</div>
.text {color:#03b6f4;}
.background {background-color:#03b6f4;}
.border {border:1px solid #03b6f4;}
Shades and Tints of #03b6f4
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, #00090b is the darkest color, while #f7fdff is the lightest one.
-
#00090b
#00090b
rgb(0,9,11)
-
#00171f
#00171f
rgb(0,23,31)
-
#012532
#012532
rgb(1,37,50)
-
#013446
#013446
rgb(1,52,70)
-
#014259
#014259
rgb(1,66,89)
-
#01516c
#01516c
rgb(1,81,108)
-
#025f80
#025f80
rgb(2,95,128)
-
#026e93
#026e93
rgb(2,110,147)
-
#027ca6
#027ca6
rgb(2,124,166)
-
#028bba
#028bba
rgb(2,139,186)
-
#0399cd
#0399cd
rgb(3,153,205)
-
#03a8e1
#03a8e1
rgb(3,168,225)
-
#03b6f4
#03b6f4
rgb(3,182,244)
-
#0fbffc
#0fbffc
rgb(15,191,252)
-
#22c4fc
#22c4fc
rgb(34,196,252)
-
#35c9fd
#35c9fd
rgb(53,201,253)
-
#49cefd
#49cefd
rgb(73,206,253)
-
#5cd4fd
#5cd4fd
rgb(92,212,253)
-
#6fd9fd
#6fd9fd
rgb(111,217,253)
-
#83defd
#83defd
rgb(131,222,253)
-
#96e3fe
#96e3fe
rgb(150,227,254)
-
#aae8fe
#aae8fe
rgb(170,232,254)
-
#bdedfe
#bdedfe
rgb(189,237,254)
-
#d0f3fe
#d0f3fe
rgb(208,243,254)
-
#e4f8ff
#e4f8ff
rgb(228,248,255)
-
#f7fdff
#f7fdff
rgb(247,253,255)
Tones of #03b6f4
A tone is produced by adding gray to any pure hue. In this case, #757f82 is the less saturated color, while #03b6f4 is the most saturated one.
-
#757f82
#757f82
rgb(117,127,130)
-
#6c838c
#6c838c
rgb(108,131,140)
-
#628895
#628895
rgb(98,136,149)
-
#598c9f
#598c9f
rgb(89,140,159)
-
#4f91a8
#4f91a8
rgb(79,145,168)
-
#4696b2
#4696b2
rgb(70,150,178)
-
#3c9abb
#3c9abb
rgb(60,154,187)
-
#339fc5
#339fc5
rgb(51,159,197)
-
#29a4ce
#29a4ce
rgb(41,164,206)
-
#20a8d8
#20a8d8
rgb(32,168,216)
-
#16ade1
#16ade1
rgb(22,173,225)
-
#0db1eb
#0db1eb
rgb(13,177,235)
-
#03b6f4
#03b6f4
rgb(3,182,244)
Color Blindness Simulator
Below, you can see how #03b6f4 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.