#baf0f0 Color Information
In a RGB color space, hex #baf0f0 is composed of 72.9% red, 94.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 0% yellow and 5.9% black. It has a hue angle of 180 degrees, a saturation of 64.3% and a lightness of 83.5%. #baf0f0 color hex could be obtained by blending #ffffff with #75e1e1. Closest websafe color is: #ccffff.
-
- R 73
- G 94
- B 94
-
- C 23
- M 0
- Y 0
- K 6
● #baf0f0 color description : Very soft cyan.
#baf0f0 Color Conversion
The hexadecimal color #baf0f0 has RGB values of R:186, G:240, B:240 and CMYK values of C:0.23, M:0, Y:0, K:0.06. Its decimal value is 12251376.
Hex triplet | baf0f0 | #baf0f0 |
---|---|---|
RGB Decimal | 186, 240, 240 | rgb(186,240,240) |
RGB Percent | 72.9, 94.1, 94.1 | rgb(72.9%,94.1%,94.1%) |
CMYK | 23, 0, 0, 6 | |
HSL | 180°, 64.3, 83.5 | hsl(180,64.3%,83.5%) |
HSV (or HSB) | 180°, 22.5, 94.1 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 91.256, -17.026, -5.617 |
---|---|
XYZ | 67.134, 79.048, 94.154 |
xyY | 0.279, 0.329, 79.048 |
CIE-LCH | 91.256, 17.928, 198.258 |
CIE-LUV | 91.256, -27.207, -5.881 |
Hunter-Lab | 88.909, -20.808, -0.551 |
Binary | 10111010, 11110000, 11110000 |
Color Schemes with #baf0f0
Alternatives to #baf0f0
Below, you can see some colors close to #baf0f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf0f0 Preview
This text has a font color of #baf0f0.
<span style="color:#baf0f0;">Text here</span>
This paragraph has a background color of #baf0f0.
<p style="background-color:#baf0f0;">Content here</p>
This element has a border color of #baf0f0.
<div style="border:1px solid #baf0f0;">Content here</div>
.text {color:#baf0f0;}
.background {background-color:#baf0f0;}
.border {border:1px solid #baf0f0;}
Shades and Tints of #baf0f0
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, #030c0c is the darkest color, while #fafefe is the lightest one.
-
#030c0c
#030c0c
rgb(3,12,12)
-
#061c1c
#061c1c
rgb(6,28,28)
-
#0a2c2c
#0a2c2c
rgb(10,44,44)
-
#0d3c3c
#0d3c3c
rgb(13,60,60)
-
#114c4c
#114c4c
rgb(17,76,76)
-
#145c5c
#145c5c
rgb(20,92,92)
-
#186c6c
#186c6c
rgb(24,108,108)
-
#1b7c7c
#1b7c7c
rgb(27,124,124)
-
#1f8c8c
#1f8c8c
rgb(31,140,140)
-
#229d9d
#229d9d
rgb(34,157,157)
-
#26adad
#26adad
rgb(38,173,173)
-
#29bdbd
#29bdbd
rgb(41,189,189)
-
#2dcdcd
#2dcdcd
rgb(45,205,205)
-
#39d4d4
#39d4d4
rgb(57,212,212)
-
#49d7d7
#49d7d7
rgb(73,215,215)
-
#59dbdb
#59dbdb
rgb(89,219,219)
-
#69dede
#69dede
rgb(105,222,222)
-
#7ae2e2
#7ae2e2
rgb(122,226,226)
-
#8ae5e5
#8ae5e5
rgb(138,229,229)
-
#9ae9e9
#9ae9e9
rgb(154,233,233)
-
#aaecec
#aaecec
rgb(170,236,236)
-
#baf0f0
#baf0f0
rgb(186,240,240)
-
#caf4f4
#caf4f4
rgb(202,244,244)
-
#daf7f7
#daf7f7
rgb(218,247,247)
-
#eafbfb
#eafbfb
rgb(234,251,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #baf0f0
A tone is produced by adding gray to any pure hue. In this case, #d4d6d6 is the less saturated color, while #adfdfd is the most saturated one.
-
#d4d6d6
#d4d6d6
rgb(212,214,214)
-
#d1d9d9
#d1d9d9
rgb(209,217,217)
-
#cddddd
#cddddd
rgb(205,221,221)
-
#cae0e0
#cae0e0
rgb(202,224,224)
-
#c7e3e3
#c7e3e3
rgb(199,227,227)
-
#c4e6e6
#c4e6e6
rgb(196,230,230)
-
#c0eaea
#c0eaea
rgb(192,234,234)
-
#bdeded
#bdeded
rgb(189,237,237)
-
#baf0f0
#baf0f0
rgb(186,240,240)
-
#b7f3f3
#b7f3f3
rgb(183,243,243)
-
#b4f6f6
#b4f6f6
rgb(180,246,246)
-
#b0fafa
#b0fafa
rgb(176,250,250)
-
#adfdfd
#adfdfd
rgb(173,253,253)
Color Blindness Simulator
Below, you can see how #baf0f0 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.