#baf1f3 Color Information
In a RGB color space, hex #baf1f3 is composed of 72.9% red, 94.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 182.1 degrees, a saturation of 70.4% and a lightness of 84.1%. #baf1f3 color hex could be obtained by blending #ffffff with #75e3e7. Closest websafe color is: #ccffff.
-
- R 73
- G 95
- B 95
-
- C 23
- M 1
- Y 0
- K 5
● #baf1f3 color description : Very soft cyan.
#baf1f3 Color Conversion
The hexadecimal color #baf1f3 has RGB values of R:186, G:241, B:243 and CMYK values of C:0.23, M:0.01, Y:0, K:0.05. Its decimal value is 12251635.
Hex triplet | baf1f3 | #baf1f3 |
---|---|---|
RGB Decimal | 186, 241, 243 | rgb(186,241,243) |
RGB Percent | 72.9, 94.5, 95.3 | rgb(72.9%,94.5%,95.3%) |
CMYK | 23, 1, 0, 5 | |
HSL | 182.1°, 70.4, 84.1 | hsl(182.1,70.4%,84.1%) |
HSV (or HSB) | 182.1°, 23.5, 95.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 91.603, -16.882, -6.667 |
---|---|
XYZ | 67.879, 79.819, 96.619 |
xyY | 0.278, 0.327, 79.819 |
CIE-LCH | 91.603, 18.151, 201.55 |
CIE-LUV | 91.603, -27.668, -7.584 |
Hunter-Lab | 89.341, -20.728, -1.581 |
Binary | 10111010, 11110001, 11110011 |
Color Schemes with #baf1f3
Alternatives to #baf1f3
Below, you can see some colors close to #baf1f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf1f3 Preview
This text has a font color of #baf1f3.
<span style="color:#baf1f3;">Text here</span>
This paragraph has a background color of #baf1f3.
<p style="background-color:#baf1f3;">Content here</p>
This element has a border color of #baf1f3.
<div style="border:1px solid #baf1f3;">Content here</div>
.text {color:#baf1f3;}
.background {background-color:#baf1f3;}
.border {border:1px solid #baf1f3;}
Shades and Tints of #baf1f3
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, #030e0f is the darkest color, while #fdffff is the lightest one.
-
#030e0f
#030e0f
rgb(3,14,15)
-
#051e1f
#051e1f
rgb(5,30,31)
-
#082f30
#082f30
rgb(8,47,48)
-
#0b3f41
#0b3f41
rgb(11,63,65)
-
#0e4f51
#0e4f51
rgb(14,79,81)
-
#115f62
#115f62
rgb(17,95,98)
-
#146f73
#146f73
rgb(20,111,115)
-
#178084
#178084
rgb(23,128,132)
-
#1a9094
#1a9094
rgb(26,144,148)
-
#1da0a5
#1da0a5
rgb(29,160,165)
-
#20b0b6
#20b0b6
rgb(32,176,182)
-
#22c1c6
#22c1c6
rgb(34,193,198)
-
#25d1d7
#25d1d7
rgb(37,209,215)
-
#34d6dc
#34d6dc
rgb(52,214,220)
-
#45d9df
#45d9df
rgb(69,217,223)
-
#56dde2
#56dde2
rgb(86,221,226)
-
#66e0e4
#66e0e4
rgb(102,224,228)
-
#77e3e7
#77e3e7
rgb(119,227,231)
-
#88e7ea
#88e7ea
rgb(136,231,234)
-
#99eaed
#99eaed
rgb(153,234,237)
-
#a9eef0
#a9eef0
rgb(169,238,240)
-
#baf1f3
#baf1f3
rgb(186,241,243)
-
#cbf4f6
#cbf4f6
rgb(203,244,246)
-
#dbf8f9
#dbf8f9
rgb(219,248,249)
-
#ecfbfc
#ecfbfc
rgb(236,251,252)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #baf1f3
A tone is produced by adding gray to any pure hue. In this case, #d6d7d7 is the less saturated color, while #b1fafc is the most saturated one.
-
#d6d7d7
#d6d7d7
rgb(214,215,215)
-
#d3dada
#d3dada
rgb(211,218,218)
-
#d0dddd
#d0dddd
rgb(208,221,221)
-
#cde0e0
#cde0e0
rgb(205,224,224)
-
#cae3e3
#cae3e3
rgb(202,227,227)
-
#c6e5e7
#c6e5e7
rgb(198,229,231)
-
#c3e8ea
#c3e8ea
rgb(195,232,234)
-
#c0ebed
#c0ebed
rgb(192,235,237)
-
#bdeef0
#bdeef0
rgb(189,238,240)
-
#baf1f3
#baf1f3
rgb(186,241,243)
-
#b7f4f6
#b7f4f6
rgb(183,244,246)
-
#b4f7f9
#b4f7f9
rgb(180,247,249)
-
#b1fafc
#b1fafc
rgb(177,250,252)
Color Blindness Simulator
Below, you can see how #baf1f3 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.