#38a5ff Color Information
In a RGB color space, hex #38a5ff is composed of 22% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 207.1 degrees, a saturation of 100% and a lightness of 61%. #38a5ff color hex could be obtained by blending #70ffff with #004bff. Closest websafe color is: #3399ff.
-
- R 22
- G 65
- B 100
-
- C 78
- M 35
- Y 0
- K 0
● #38a5ff color description : Light blue.
#38a5ff Color Conversion
The hexadecimal color #38a5ff has RGB values of R:56, G:165, B:255 and CMYK values of C:0.78, M:0.35, Y:0, K:0. Its decimal value is 3712511.
Hex triplet | 38a5ff | #38a5ff |
---|---|---|
RGB Decimal | 56, 165, 255 | rgb(56,165,255) |
RGB Percent | 22, 64.7, 100 | rgb(22%,64.7%,100%) |
CMYK | 78, 35, 0, 0 | |
HSL | 207.1°, 100, 61 | hsl(207.1,100%,61%) |
HSV (or HSB) | 207.1°, 78, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.724, -0.37, -53.247 |
---|---|
XYZ | 33.132, 34.968, 99.606 |
xyY | 0.198, 0.209, 34.968 |
CIE-LCH | 65.724, 53.248, 269.602 |
CIE-LUV | 65.724, -36.829, -86.195 |
Hunter-Lab | 59.134, -3.474, -58.475 |
Binary | 00111000, 10100101, 11111111 |
Color Schemes with #38a5ff
Alternatives to #38a5ff
Below, you can see some colors close to #38a5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#38a5ff Preview
This text has a font color of #38a5ff.
<span style="color:#38a5ff;">Text here</span>
This paragraph has a background color of #38a5ff.
<p style="background-color:#38a5ff;">Content here</p>
This element has a border color of #38a5ff.
<div style="border:1px solid #38a5ff;">Content here</div>
.text {color:#38a5ff;}
.background {background-color:#38a5ff;}
.border {border:1px solid #38a5ff;}
Shades and Tints of #38a5ff
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, #000911 is the darkest color, while #fcfeff is the lightest one.
-
#000911
#000911
rgb(0,9,17)
-
#001424
#001424
rgb(0,20,36)
-
#001f38
#001f38
rgb(0,31,56)
-
#00294c
#00294c
rgb(0,41,76)
-
#00345f
#00345f
rgb(0,52,95)
-
#003f73
#003f73
rgb(0,63,115)
-
#004a86
#004a86
rgb(0,74,134)
-
#00549a
#00549a
rgb(0,84,154)
-
#005fae
#005fae
rgb(0,95,174)
-
#006ac1
#006ac1
rgb(0,106,193)
-
#0075d5
#0075d5
rgb(0,117,213)
-
#007fe9
#007fe9
rgb(0,127,233)
-
#008afc
#008afc
rgb(0,138,252)
-
#1193ff
#1193ff
rgb(17,147,255)
-
#249cff
#249cff
rgb(36,156,255)
-
#38a5ff
#38a5ff
rgb(56,165,255)
-
#4caeff
#4caeff
rgb(76,174,255)
-
#5fb7ff
#5fb7ff
rgb(95,183,255)
-
#73c0ff
#73c0ff
rgb(115,192,255)
-
#86c8ff
#86c8ff
rgb(134,200,255)
-
#9ad1ff
#9ad1ff
rgb(154,209,255)
-
#aedaff
#aedaff
rgb(174,218,255)
-
#c1e3ff
#c1e3ff
rgb(193,227,255)
-
#d5ecff
#d5ecff
rgb(213,236,255)
-
#e9f5ff
#e9f5ff
rgb(233,245,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #38a5ff
A tone is produced by adding gray to any pure hue. In this case, #949ca3 is the less saturated color, while #38a5ff is the most saturated one.
-
#949ca3
#949ca3
rgb(148,156,163)
-
#8c9dab
#8c9dab
rgb(140,157,171)
-
#859eb2
#859eb2
rgb(133,158,178)
-
#7d9eba
#7d9eba
rgb(125,158,186)
-
#759fc2
#759fc2
rgb(117,159,194)
-
#6ea0c9
#6ea0c9
rgb(110,160,201)
-
#66a1d1
#66a1d1
rgb(102,161,209)
-
#5ea1d9
#5ea1d9
rgb(94,161,217)
-
#57a2e0
#57a2e0
rgb(87,162,224)
-
#4fa3e8
#4fa3e8
rgb(79,163,232)
-
#47a4f0
#47a4f0
rgb(71,164,240)
-
#40a4f7
#40a4f7
rgb(64,164,247)
-
#38a5ff
#38a5ff
rgb(56,165,255)
Color Blindness Simulator
Below, you can see how #38a5ff 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.