#1badf0 Color Information
In a RGB color space, hex #1badf0 is composed of 10.6% red, 67.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 27.9% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.9 degrees, a saturation of 87.7% and a lightness of 52.4%. #1badf0 color hex could be obtained by blending #36ffff with #005be1. Closest websafe color is: #3399ff.
-
- R 11
- G 68
- B 94
-
- C 89
- M 28
- Y 0
- K 6
● #1badf0 color description : Vivid blue.
#1badf0 Color Conversion
The hexadecimal color #1badf0 has RGB values of R:27, G:173, B:240 and CMYK values of C:0.89, M:0.28, Y:0, K:0.06. Its decimal value is 1814000.
Hex triplet | 1badf0 | #1badf0 |
---|---|---|
RGB Decimal | 27, 173, 240 | rgb(27,173,240) |
RGB Percent | 10.6, 67.8, 94.1 | rgb(10.6%,67.8%,94.1%) |
CMYK | 89, 28, 0, 6 | |
HSL | 198.9°, 87.7, 52.4 | hsl(198.9,87.7%,52.4%) |
HSV (or HSB) | 198.9°, 88.8, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.831, -12.413, -43.358 |
---|---|
XYZ | 31.12, 36.408, 87.821 |
xyY | 0.2, 0.234, 36.408 |
CIE-LCH | 66.831, 45.1, 254.024 |
CIE-LUV | 66.831, -43.245, -68.266 |
Hunter-Lab | 60.339, -13.534, -44.056 |
Binary | 00011011, 10101101, 11110000 |
Color Schemes with #1badf0
Alternatives to #1badf0
Below, you can see some colors close to #1badf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1badf0 Preview
This text has a font color of #1badf0.
<span style="color:#1badf0;">Text here</span>
This paragraph has a background color of #1badf0.
<p style="background-color:#1badf0;">Content here</p>
This element has a border color of #1badf0.
<div style="border:1px solid #1badf0;">Content here</div>
.text {color:#1badf0;}
.background {background-color:#1badf0;}
.border {border:1px solid #1badf0;}
Shades and Tints of #1badf0
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, #01080b is the darkest color, while #f8fcff is the lightest one.
-
#01080b
#01080b
rgb(1,8,11)
-
#02151e
#02151e
rgb(2,21,30)
-
#032230
#032230
rgb(3,34,48)
-
#042f42
#042f42
rgb(4,47,66)
-
#063c55
#063c55
rgb(6,60,85)
-
#074967
#074967
rgb(7,73,103)
-
#08567a
#08567a
rgb(8,86,122)
-
#09638c
#09638c
rgb(9,99,140)
-
#0a709e
#0a709e
rgb(10,112,158)
-
#0c7db1
#0c7db1
rgb(12,125,177)
-
#0d8ac3
#0d8ac3
rgb(13,138,195)
-
#0e97d6
#0e97d6
rgb(14,151,214)
-
#0fa4e8
#0fa4e8
rgb(15,164,232)
-
#1badf0
#1badf0
rgb(27,173,240)
-
#2db4f1
#2db4f1
rgb(45,180,241)
-
#40baf2
#40baf2
rgb(64,186,242)
-
#52c1f4
#52c1f4
rgb(82,193,244)
-
#65c7f5
#65c7f5
rgb(101,199,245)
-
#77cef6
#77cef6
rgb(119,206,246)
-
#89d5f7
#89d5f7
rgb(137,213,247)
-
#9cdbf8
#9cdbf8
rgb(156,219,248)
-
#aee2fa
#aee2fa
rgb(174,226,250)
-
#c1e9fb
#c1e9fb
rgb(193,233,251)
-
#d3effc
#d3effc
rgb(211,239,252)
-
#e5f6fd
#e5f6fd
rgb(229,246,253)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #1badf0
A tone is produced by adding gray to any pure hue. In this case, #828789 is the less saturated color, while #12b0f9 is the most saturated one.
-
#828789
#828789
rgb(130,135,137)
-
#788a93
#788a93
rgb(120,138,147)
-
#6f8e9c
#6f8e9c
rgb(111,142,156)
-
#6691a5
#6691a5
rgb(102,145,165)
-
#5c95af
#5c95af
rgb(92,149,175)
-
#5398b8
#5398b8
rgb(83,152,184)
-
#4a9cc1
#4a9cc1
rgb(74,156,193)
-
#409fcb
#409fcb
rgb(64,159,203)
-
#37a3d4
#37a3d4
rgb(55,163,212)
-
#2ea6dd
#2ea6dd
rgb(46,166,221)
-
#24aae7
#24aae7
rgb(36,170,231)
-
#1badf0
#1badf0
rgb(27,173,240)
-
#12b0f9
#12b0f9
rgb(18,176,249)
Color Blindness Simulator
Below, you can see how #1badf0 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.