#338fde Color Information
In a RGB color space, hex #338fde is composed of 20% red, 56.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 35.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 207.7 degrees, a saturation of 72.2% and a lightness of 53.5%. #338fde color hex could be obtained by blending #66ffff with #001fbd. Closest websafe color is: #3399cc.
-
- R 20
- G 56
- B 87
-
- C 77
- M 36
- Y 0
- K 13
● #338fde color description : Bright blue.
#338fde Color Conversion
The hexadecimal color #338fde has RGB values of R:51, G:143, B:222 and CMYK values of C:0.77, M:0.36, Y:0, K:0.13. Its decimal value is 3379166.
Hex triplet | 338fde | #338fde |
---|---|---|
RGB Decimal | 51, 143, 222 | rgb(51,143,222) |
RGB Percent | 20, 56.1, 87.1 | rgb(20%,56.1%,87.1%) |
CMYK | 77, 36, 0, 13 | |
HSL | 207.7°, 72.2, 53.5 | hsl(207.7,72.2%,53.5%) |
HSV (or HSB) | 207.7°, 77, 87.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.675, 0.077, -47.831 |
---|---|
XYZ | 24.369, 25.621, 72.764 |
xyY | 0.199, 0.209, 25.621 |
CIE-LCH | 57.675, 47.831, 270.092 |
CIE-LUV | 57.675, -31.765, -75.397 |
Hunter-Lab | 50.617, -2.641, -49.8 |
Binary | 00110011, 10001111, 11011110 |
Color Schemes with #338fde
Alternatives to #338fde
Below, you can see some colors close to #338fde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338fde Preview
This text has a font color of #338fde.
<span style="color:#338fde;">Text here</span>
This paragraph has a background color of #338fde.
<p style="background-color:#338fde;">Content here</p>
This element has a border color of #338fde.
<div style="border:1px solid #338fde;">Content here</div>
.text {color:#338fde;}
.background {background-color:#338fde;}
.border {border:1px solid #338fde;}
Shades and Tints of #338fde
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, #03090f is the darkest color, while #fefeff is the lightest one.
-
#03090f
#03090f
rgb(3,9,15)
-
#051420
#051420
rgb(5,20,32)
-
#081e31
#081e31
rgb(8,30,49)
-
#0b2942
#0b2942
rgb(11,41,66)
-
#0d3353
#0d3353
rgb(13,51,83)
-
#103d64
#103d64
rgb(16,61,100)
-
#134875
#134875
rgb(19,72,117)
-
#165286
#165286
rgb(22,82,134)
-
#185c97
#185c97
rgb(24,92,151)
-
#1b67a7
#1b67a7
rgb(27,103,167)
-
#1e71b8
#1e71b8
rgb(30,113,184)
-
#217bc9
#217bc9
rgb(33,123,201)
-
#2386da
#2386da
rgb(35,134,218)
-
#338fde
#338fde
rgb(51,143,222)
-
#4498e1
#4498e1
rgb(68,152,225)
-
#55a2e3
#55a2e3
rgb(85,162,227)
-
#66abe6
#66abe6
rgb(102,171,230)
-
#77b4e9
#77b4e9
rgb(119,180,233)
-
#87bdec
#87bdec
rgb(135,189,236)
-
#98c7ee
#98c7ee
rgb(152,199,238)
-
#a9d0f1
#a9d0f1
rgb(169,208,241)
-
#bad9f4
#bad9f4
rgb(186,217,244)
-
#cbe2f7
#cbe2f7
rgb(203,226,247)
-
#dcecf9
#dcecf9
rgb(220,236,249)
-
#edf5fc
#edf5fc
rgb(237,245,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #338fde
A tone is produced by adding gray to any pure hue. In this case, #85898c is the less saturated color, while #1891f9 is the most saturated one.
-
#85898c
#85898c
rgb(133,137,140)
-
#7c8995
#7c8995
rgb(124,137,149)
-
#738a9e
#738a9e
rgb(115,138,158)
-
#6a8ba7
#6a8ba7
rgb(106,139,167)
-
#618cb0
#618cb0
rgb(97,140,176)
-
#578cba
#578cba
rgb(87,140,186)
-
#4e8dc3
#4e8dc3
rgb(78,141,195)
-
#458ecc
#458ecc
rgb(69,142,204)
-
#3c8ed5
#3c8ed5
rgb(60,142,213)
-
#338fde
#338fde
rgb(51,143,222)
-
#2a90e7
#2a90e7
rgb(42,144,231)
-
#2190f0
#2190f0
rgb(33,144,240)
-
#1891f9
#1891f9
rgb(24,145,249)
Color Blindness Simulator
Below, you can see how #338fde 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.