#baffff color information
In a RGB color space, hex #baffff is composed of 72.9% red, 100% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 0% yellow and 0% black. It has a hue angle of 180 degrees, a saturation of 100% and a lightness of 86.5%. #baffff color hex could be obtained by blending #ffffff with #75ffff. Closest websafe color is: #ccffff.
#baffff color conversion
The hexadecimal color #baffff has RGB values of R:186, G:255, B:255 and CMYK values of C:0.27, M:0, Y:0, K:0. Its decimal value is 12255231.
- Hex triplet baffff
#baffff - RGB Decimal 186, 255, 255
rgb(186,255,255) - RGB Percent 72.9, 100, 100
rgb(72.9%,100%,100%) - CMYK 27, 0, 0, 0
- HSL 180°, 100, 86.5
hsl(180,100%,86%) - HSV (or HSB) 180°, 27.1, 100
- Web Safe ccffff
#ccffff
- CIE-LAB 95.654, -21.178, -6.897
- XYZ 74.055, 89.176, 107.913
- xyY 0.273, 0.329, 89.176
- CIE-LCH 95.654, 22.273, 198.04
- CIE-LUV 95.654, -33.762, -7.296
- Hunter-Lab 94.433, -25.277, -1.65
- Binary 10111010, 11111111, 11111111
Color Schemes with #baffff
#baffff in action
This text has a font color of #baffff.
<span style="color:#baffff;">Text here</span>
This paragraph has a background color of #baffff.
<p style="background-color:#baffff;">Content here</p>
This element has a border color of #baffff.
<div style="border:1px solid #baffff;">Content here</div>
.text {color:#baffff;}
.background {background-color:#baffff;}
.border {border:1px solid #baffff;}
Shades of #baffff
- #000909 #000909
rgb(0,9,9) - #003131 #003131
rgb(0,49,49) - #005858 #005858
rgb(0,88,88) - #007f7f #007f7f
rgb(0,127,127) - #00a6a6 #00a6a6
rgb(0,166,166) - #00cece #00cece
rgb(0,206,206) - #00f5f5 #00f5f5
rgb(0,245,245) - #1dffff #1dffff
rgb(29,255,255) - #44ffff #44ffff
rgb(68,255,255) - #6cffff #6cffff
rgb(108,255,255) - #93ffff #93ffff
rgb(147,255,255) - #baffff #baffff
rgb(186,255,255) - #e1ffff #e1ffff
rgb(225,255,255)
Color Blindness Simulator
Below, you can see how #baffff 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.
