#baf5f3 Color Information
In a RGB color space, hex #baf5f3 is composed of 72.9% red, 96.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 0.8% yellow and 3.9% black. It has a hue angle of 178 degrees, a saturation of 74.7% and a lightness of 84.5%. #baf5f3 color hex could be obtained by blending #ffffff with #75ebe7. Closest websafe color is: #ccffff.
-
- R 73
- G 96
- B 95
-
- C 24
- M 0
- Y 1
- K 4
● #baf5f3 color description : Very soft cyan.
#baf5f3 Color Conversion
The hexadecimal color #baf5f3 has RGB values of R:186, G:245, B:243 and CMYK values of C:0.24, M:0, Y:0.01, K:0.04. Its decimal value is 12252659.
Hex triplet | baf5f3 | #baf5f3 |
---|---|---|
RGB Decimal | 186, 245, 243 | rgb(186,245,243) |
RGB Percent | 72.9, 96.1, 95.3 | rgb(72.9%,96.1%,95.3%) |
CMYK | 24, 0, 1, 4 | |
HSL | 178°, 74.7, 84.5 | hsl(178,74.7%,84.5%) |
HSV (or HSB) | 178°, 24.1, 96.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.669, -18.862, -5.095 |
---|---|
XYZ | 69.076, 82.213, 97.018 |
xyY | 0.278, 0.331, 82.213 |
CIE-LCH | 92.669, 19.538, 195.115 |
CIE-LUV | 92.669, -29.426, -4.76 |
Hunter-Lab | 90.671, -22.688, 0.03 |
Binary | 10111010, 11110101, 11110011 |
Color Schemes with #baf5f3
Alternatives to #baf5f3
Below, you can see some colors close to #baf5f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf5f3 Preview
This text has a font color of #baf5f3.
<span style="color:#baf5f3;">Text here</span>
This paragraph has a background color of #baf5f3.
<p style="background-color:#baf5f3;">Content here</p>
This element has a border color of #baf5f3.
<div style="border:1px solid #baf5f3;">Content here</div>
.text {color:#baf5f3;}
.background {background-color:#baf5f3;}
.border {border:1px solid #baf5f3;}
Shades and Tints of #baf5f3
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, #021110 is the darkest color, while #ffffff is the lightest one.
-
#021110
#021110
rgb(2,17,16)
-
#052221
#052221
rgb(5,34,33)
-
#073331
#073331
rgb(7,51,49)
-
#0a4442
#0a4442
rgb(10,68,66)
-
#0c5553
#0c5553
rgb(12,85,83)
-
#0f6663
#0f6663
rgb(15,102,99)
-
#117774
#117774
rgb(17,119,116)
-
#148985
#148985
rgb(20,137,133)
-
#169a95
#169a95
rgb(22,154,149)
-
#19aba6
#19aba6
rgb(25,171,166)
-
#1bbcb7
#1bbcb7
rgb(27,188,183)
-
#1ecdc7
#1ecdc7
rgb(30,205,199)
-
#20ded8
#20ded8
rgb(32,222,216)
-
#31e1db
#31e1db
rgb(49,225,219)
-
#42e4de
#42e4de
rgb(66,228,222)
-
#53e6e1
#53e6e1
rgb(83,230,225)
-
#64e9e4
#64e9e4
rgb(100,233,228)
-
#75ebe7
#75ebe7
rgb(117,235,231)
-
#87eeea
#87eeea
rgb(135,238,234)
-
#98f0ed
#98f0ed
rgb(152,240,237)
-
#a9f3f0
#a9f3f0
rgb(169,243,240)
-
#baf5f3
#baf5f3
rgb(186,245,243)
-
#cbf7f6
#cbf7f6
rgb(203,247,246)
-
#dcfaf9
#dcfaf9
rgb(220,250,249)
-
#edfcfc
#edfcfc
rgb(237,252,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #baf5f3
A tone is produced by adding gray to any pure hue. In this case, #d5dada is the less saturated color, while #b1fefb is the most saturated one.
-
#d5dada
#d5dada
rgb(213,218,218)
-
#d2dddc
#d2dddc
rgb(210,221,220)
-
#cfe0df
#cfe0df
rgb(207,224,223)
-
#cce3e2
#cce3e2
rgb(204,227,226)
-
#c9e6e5
#c9e6e5
rgb(201,230,229)
-
#c6e9e8
#c6e9e8
rgb(198,233,232)
-
#c3eceb
#c3eceb
rgb(195,236,235)
-
#c0efed
#c0efed
rgb(192,239,237)
-
#bdf2f0
#bdf2f0
rgb(189,242,240)
-
#baf5f3
#baf5f3
rgb(186,245,243)
-
#b7f8f6
#b7f8f6
rgb(183,248,246)
-
#b4fbf9
#b4fbf9
rgb(180,251,249)
-
#b1fefb
#b1fefb
rgb(177,254,251)
Color Blindness Simulator
Below, you can see how #baf5f3 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.