#448afd Color Information
In a RGB color space, hex #448afd is composed of 26.7% red, 54.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 45.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.3 degrees, a saturation of 97.9% and a lightness of 62.9%. #448afd color hex could be obtained by blending #88ffff with #0015fb. Closest websafe color is: #3399ff.
-
- R 27
- G 54
- B 99
-
- C 73
- M 45
- Y 0
- K 1
● #448afd color description : Bright blue.
#448afd Color Conversion
The hexadecimal color #448afd has RGB values of R:68, G:138, B:253 and CMYK values of C:0.73, M:0.45, Y:0, K:0.01. Its decimal value is 4492029.
Hex triplet | 448afd | #448afd |
---|---|---|
RGB Decimal | 68, 138, 253 | rgb(68,138,253) |
RGB Percent | 26.7, 54.1, 99.2 | rgb(26.7%,54.1%,99.2%) |
CMYK | 73, 45, 0, 1 | |
HSL | 217.3°, 97.9, 62.9 | hsl(217.3,97.9%,62.9%) |
HSV (or HSB) | 217.3°, 73.1, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.505, 16.232, -63.654 |
---|---|
XYZ | 29.198, 26.496, 96.498 |
xyY | 0.192, 0.174, 26.496 |
CIE-LCH | 58.505, 65.691, 284.305 |
CIE-LUV | 58.505, -26.43, -102.942 |
Hunter-Lab | 51.474, 11.173, -75.12 |
Binary | 01000100, 10001010, 11111101 |
Color Schemes with #448afd
Alternatives to #448afd
Below, you can see some colors close to #448afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#448afd Preview
This text has a font color of #448afd.
<span style="color:#448afd;">Text here</span>
This paragraph has a background color of #448afd.
<p style="background-color:#448afd;">Content here</p>
This element has a border color of #448afd.
<div style="border:1px solid #448afd;">Content here</div>
.text {color:#448afd;}
.background {background-color:#448afd;}
.border {border:1px solid #448afd;}
Shades and Tints of #448afd
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, #000307 is the darkest color, while #f3f7ff is the lightest one.
-
#000307
#000307
rgb(0,3,7)
-
#000a1a
#000a1a
rgb(0,10,26)
-
#00122e
#00122e
rgb(0,18,46)
-
#011941
#011941
rgb(1,25,65)
-
#012155
#012155
rgb(1,33,85)
-
#012868
#012868
rgb(1,40,104)
-
#01307c
#01307c
rgb(1,48,124)
-
#02378f
#02378f
rgb(2,55,143)
-
#023fa2
#023fa2
rgb(2,63,162)
-
#0246b6
#0246b6
rgb(2,70,182)
-
#024dc9
#024dc9
rgb(2,77,201)
-
#0255dd
#0255dd
rgb(2,85,221)
-
#035cf0
#035cf0
rgb(3,92,240)
-
#0a66fc
#0a66fc
rgb(10,102,252)
-
#1d72fd
#1d72fd
rgb(29,114,253)
-
#317efd
#317efd
rgb(49,126,253)
-
#448afd
#448afd
rgb(68,138,253)
-
#5796fd
#5796fd
rgb(87,150,253)
-
#6ba2fd
#6ba2fd
rgb(107,162,253)
-
#7eaefe
#7eaefe
rgb(126,174,254)
-
#92bbfe
#92bbfe
rgb(146,187,254)
-
#a5c7fe
#a5c7fe
rgb(165,199,254)
-
#b8d3fe
#b8d3fe
rgb(184,211,254)
-
#ccdffe
#ccdffe
rgb(204,223,254)
-
#dfebff
#dfebff
rgb(223,235,255)
-
#f3f7ff
#f3f7ff
rgb(243,247,255)
Tones of #448afd
A tone is produced by adding gray to any pure hue. In this case, #9b9fa6 is the less saturated color, while #448afd is the most saturated one.
-
#9b9fa6
#9b9fa6
rgb(155,159,166)
-
#949dad
#949dad
rgb(148,157,173)
-
#8d9cb4
#8d9cb4
rgb(141,156,180)
-
#859abc
#859abc
rgb(133,154,188)
-
#7e98c3
#7e98c3
rgb(126,152,195)
-
#7796ca
#7796ca
rgb(119,150,202)
-
#7095d1
#7095d1
rgb(112,149,209)
-
#6893d9
#6893d9
rgb(104,147,217)
-
#6191e0
#6191e0
rgb(97,145,224)
-
#5a8fe7
#5a8fe7
rgb(90,143,231)
-
#538eee
#538eee
rgb(83,142,238)
-
#4b8cf6
#4b8cf6
rgb(75,140,246)
-
#448afd
#448afd
rgb(68,138,253)
Color Blindness Simulator
Below, you can see how #448afd 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.