#baf3f2 Color Information
In a RGB color space, hex #baf3f2 is composed of 72.9% red, 95.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 0.4% yellow and 4.7% black. It has a hue angle of 178.9 degrees, a saturation of 70.4% and a lightness of 84.1%. #baf3f2 color hex could be obtained by blending #ffffff with #75e7e5. Closest websafe color is: #ccffff.
-
- R 73
- G 95
- B 95
-
- C 23
- M 0
- Y 0
- K 5
● #baf3f2 color description : Very soft cyan.
#baf3f2 Color Conversion
The hexadecimal color #baf3f2 has RGB values of R:186, G:243, B:242 and CMYK values of C:0.23, M:0, Y:0, K:0.05. Its decimal value is 12252146.
Hex triplet | baf3f2 | #baf3f2 |
---|---|---|
RGB Decimal | 186, 243, 242 | rgb(186,243,242) |
RGB Percent | 72.9, 95.3, 94.9 | rgb(72.9%,95.3%,94.9%) |
CMYK | 23, 0, 0, 5 | |
HSL | 178.9°, 70.4, 84.1 | hsl(178.9,70.4%,84.1%) |
HSV (or HSB) | 178.9°, 23.5, 95.3 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 92.109, -18.087, -5.4 |
---|---|
XYZ | 68.323, 80.949, 96.024 |
xyY | 0.279, 0.33, 80.949 |
CIE-LCH | 92.109, 18.876, 196.624 |
CIE-LUV | 92.109, -28.543, -5.369 |
Hunter-Lab | 89.972, -21.899, -0.299 |
Binary | 10111010, 11110011, 11110010 |
Color Schemes with #baf3f2
Alternatives to #baf3f2
Below, you can see some colors close to #baf3f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf3f2 Preview
This text has a font color of #baf3f2.
<span style="color:#baf3f2;">Text here</span>
This paragraph has a background color of #baf3f2.
<p style="background-color:#baf3f2;">Content here</p>
This element has a border color of #baf3f2.
<div style="border:1px solid #baf3f2;">Content here</div>
.text {color:#baf3f2;}
.background {background-color:#baf3f2;}
.border {border:1px solid #baf3f2;}
Shades and Tints of #baf3f2
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, #030f0e is the darkest color, while #fdffff is the lightest one.
-
#030f0e
#030f0e
rgb(3,15,14)
-
#051f1f
#051f1f
rgb(5,31,31)
-
#08302f
#08302f
rgb(8,48,47)
-
#0b4140
#0b4140
rgb(11,65,64)
-
#0e5150
#0e5150
rgb(14,81,80)
-
#116261
#116261
rgb(17,98,97)
-
#147371
#147371
rgb(20,115,113)
-
#178482
#178482
rgb(23,132,130)
-
#1a9492
#1a9492
rgb(26,148,146)
-
#1da5a3
#1da5a3
rgb(29,165,163)
-
#20b6b3
#20b6b3
rgb(32,182,179)
-
#22c6c3
#22c6c3
rgb(34,198,195)
-
#25d7d4
#25d7d4
rgb(37,215,212)
-
#34dcd9
#34dcd9
rgb(52,220,217)
-
#45dfdc
#45dfdc
rgb(69,223,220)
-
#56e2df
#56e2df
rgb(86,226,223)
-
#66e4e2
#66e4e2
rgb(102,228,226)
-
#77e7e5
#77e7e5
rgb(119,231,229)
-
#88eae9
#88eae9
rgb(136,234,233)
-
#99edec
#99edec
rgb(153,237,236)
-
#a9f0ef
#a9f0ef
rgb(169,240,239)
-
#baf3f2
#baf3f2
rgb(186,243,242)
-
#cbf6f5
#cbf6f5
rgb(203,246,245)
-
#dbf9f8
#dbf9f8
rgb(219,249,248)
-
#ecfcfb
#ecfcfb
rgb(236,252,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #baf3f2
A tone is produced by adding gray to any pure hue. In this case, #d6d7d7 is the less saturated color, while #b1fcfb 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)
-
#c6e7e6
#c6e7e6
rgb(198,231,230)
-
#c3eae9
#c3eae9
rgb(195,234,233)
-
#c0edec
#c0edec
rgb(192,237,236)
-
#bdf0ef
#bdf0ef
rgb(189,240,239)
-
#baf3f2
#baf3f2
rgb(186,243,242)
-
#b7f6f5
#b7f6f5
rgb(183,246,245)
-
#b4f9f8
#b4f9f8
rgb(180,249,248)
-
#b1fcfb
#b1fcfb
rgb(177,252,251)
Color Blindness Simulator
Below, you can see how #baf3f2 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.