#03b5f4 Color Information
In a RGB color space, hex #03b5f4 is composed of 1.2% red, 71% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 25.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 195.7 degrees, a saturation of 97.6% and a lightness of 48.4%. #03b5f4 color hex could be obtained by blending #06ffff with #006be9. Closest websafe color is: #00ccff.
-
- R 1
- G 71
- B 96
-
- C 99
- M 26
- Y 0
- K 4
● #03b5f4 color description : Vivid blue.
#03b5f4 Color Conversion
The hexadecimal color #03b5f4 has RGB values of R:3, G:181, B:244 and CMYK values of C:0.99, M:0.26, Y:0, K:0.04. Its decimal value is 243188.
Hex triplet | 03b5f4 | #03b5f4 |
---|---|---|
RGB Decimal | 3, 181, 244 | rgb(3,181,244) |
RGB Percent | 1.2, 71, 95.7 | rgb(1.2%,71%,95.7%) |
CMYK | 99, 26, 0, 4 | |
HSL | 195.7°, 97.6, 48.4 | hsl(195.7,97.6%,48.4%) |
HSV (or HSB) | 195.7°, 98.8, 95.7 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 69.18, -16.139, -41.866 |
---|---|
XYZ | 32.886, 39.596, 91.492 |
xyY | 0.201, 0.241, 39.596 |
CIE-LCH | 69.18, 44.869, 248.918 |
CIE-LUV | 69.18, -46.666, -65.608 |
Hunter-Lab | 62.925, -16.83, -42.16 |
Binary | 00000011, 10110101, 11110100 |
Color Schemes with #03b5f4
Alternatives to #03b5f4
Below, you can see some colors close to #03b5f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#03b5f4 Preview
This text has a font color of #03b5f4.
<span style="color:#03b5f4;">Text here</span>
This paragraph has a background color of #03b5f4.
<p style="background-color:#03b5f4;">Content here</p>
This element has a border color of #03b5f4.
<div style="border:1px solid #03b5f4;">Content here</div>
.text {color:#03b5f4;}
.background {background-color:#03b5f4;}
.border {border:1px solid #03b5f4;}
Shades and Tints of #03b5f4
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)
-
#01506c
#01506c
rgb(1,80,108)
-
#025f80
#025f80
rgb(2,95,128)
-
#026d93
#026d93
rgb(2,109,147)
-
#027ca6
#027ca6
rgb(2,124,166)
-
#028aba
#028aba
rgb(2,138,186)
-
#0398cd
#0398cd
rgb(3,152,205)
-
#03a7e1
#03a7e1
rgb(3,167,225)
-
#03b5f4
#03b5f4
rgb(3,181,244)
-
#0fbefc
#0fbefc
rgb(15,190,252)
-
#22c3fc
#22c3fc
rgb(34,195,252)
-
#35c8fd
#35c8fd
rgb(53,200,253)
-
#49cefd
#49cefd
rgb(73,206,253)
-
#5cd3fd
#5cd3fd
rgb(92,211,253)
-
#6fd8fd
#6fd8fd
rgb(111,216,253)
-
#83ddfd
#83ddfd
rgb(131,221,253)
-
#96e3fe
#96e3fe
rgb(150,227,254)
-
#aae8fe
#aae8fe
rgb(170,232,254)
-
#bdedfe
#bdedfe
rgb(189,237,254)
-
#d0f2fe
#d0f2fe
rgb(208,242,254)
-
#e4f8ff
#e4f8ff
rgb(228,248,255)
-
#f7fdff
#f7fdff
rgb(247,253,255)
Tones of #03b5f4
A tone is produced by adding gray to any pure hue. In this case, #757f82 is the less saturated color, while #03b5f4 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)
-
#4695b2
#4695b2
rgb(70,149,178)
-
#3c9abb
#3c9abb
rgb(60,154,187)
-
#339ec5
#339ec5
rgb(51,158,197)
-
#29a3ce
#29a3ce
rgb(41,163,206)
-
#20a7d8
#20a7d8
rgb(32,167,216)
-
#16ace1
#16ace1
rgb(22,172,225)
-
#0db0eb
#0db0eb
rgb(13,176,235)
-
#03b5f4
#03b5f4
rgb(3,181,244)
Color Blindness Simulator
Below, you can see how #03b5f4 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.