#baf7f4 Color Information
In a RGB color space, hex #baf7f4 is composed of 72.9% red, 96.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 1.2% yellow and 3.1% black. It has a hue angle of 177 degrees, a saturation of 79.2% and a lightness of 84.9%. #baf7f4 color hex could be obtained by blending #ffffff with #75efe9. Closest websafe color is: #ccffff.
-
- R 73
- G 97
- B 96
-
- C 25
- M 0
- Y 1
- K 3
● #baf7f4 color description : Very soft cyan.
#baf7f4 Color Conversion
The hexadecimal color #baf7f4 has RGB values of R:186, G:247, B:244 and CMYK values of C:0.25, M:0, Y:0.01, K:0.03. Its decimal value is 12253172.
Hex triplet | baf7f4 | #baf7f4 |
---|---|---|
RGB Decimal | 186, 247, 244 | rgb(186,247,244) |
RGB Percent | 72.9, 96.9, 95.7 | rgb(72.9%,96.9%,95.7%) |
CMYK | 25, 0, 1, 3 | |
HSL | 177°, 79.2, 84.9 | hsl(177,79.2%,84.9%) |
HSV (or HSB) | 177°, 24.7, 96.9 | |
Web Safe | ccffff | #ccffff |
CIE-LAB | 93.228, -19.633, -4.789 |
---|---|
XYZ | 69.836, 83.49, 98.019 |
xyY | 0.278, 0.332, 83.49 |
CIE-LCH | 93.228, 20.208, 193.707 |
CIE-LUV | 93.228, -30.305, -4.15 |
Hunter-Lab | 91.373, -23.476, 0.359 |
Binary | 10111010, 11110111, 11110100 |
Color Schemes with #baf7f4
Alternatives to #baf7f4
Below, you can see some colors close to #baf7f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#baf7f4 Preview
This text has a font color of #baf7f4.
<span style="color:#baf7f4;">Text here</span>
This paragraph has a background color of #baf7f4.
<p style="background-color:#baf7f4;">Content here</p>
This element has a border color of #baf7f4.
<div style="border:1px solid #baf7f4;">Content here</div>
.text {color:#baf7f4;}
.background {background-color:#baf7f4;}
.border {border:1px solid #baf7f4;}
Shades and Tints of #baf7f4
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, #000101 is the darkest color, while #effdfc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#021312
#021312
rgb(2,19,18)
-
#042423
#042423
rgb(4,36,35)
-
#063634
#063634
rgb(6,54,52)
-
#084845
#084845
rgb(8,72,69)
-
#0a5955
#0a5955
rgb(10,89,85)
-
#0c6b66
#0c6b66
rgb(12,107,102)
-
#0e7c77
#0e7c77
rgb(14,124,119)
-
#108e88
#108e88
rgb(16,142,136)
-
#12a099
#12a099
rgb(18,160,153)
-
#15b1a9
#15b1a9
rgb(21,177,169)
-
#17c3ba
#17c3ba
rgb(23,195,186)
-
#19d4cb
#19d4cb
rgb(25,212,203)
-
#1ce5db
#1ce5db
rgb(28,229,219)
-
#2de7de
#2de7de
rgb(45,231,222)
-
#3fe9e0
#3fe9e0
rgb(63,233,224)
-
#51ebe3
#51ebe3
rgb(81,235,227)
-
#62ede6
#62ede6
rgb(98,237,230)
-
#74efe9
#74efe9
rgb(116,239,233)
-
#85f1ec
#85f1ec
rgb(133,241,236)
-
#97f3ee
#97f3ee
rgb(151,243,238)
-
#a8f5f1
#a8f5f1
rgb(168,245,241)
-
#baf7f4
#baf7f4
rgb(186,247,244)
-
#ccf9f7
#ccf9f7
rgb(204,249,247)
-
#ddfbfa
#ddfbfa
rgb(221,251,250)
-
#effdfc
#effdfc
rgb(239,253,252)
Tones of #baf7f4
A tone is produced by adding gray to any pure hue. In this case, #d8d9d9 is the less saturated color, while #b4fdf9 is the most saturated one.
-
#d8d9d9
#d8d9d9
rgb(216,217,217)
-
#d5dcdc
#d5dcdc
rgb(213,220,220)
-
#d2dfdf
#d2dfdf
rgb(210,223,223)
-
#cfe2e1
#cfe2e1
rgb(207,226,225)
-
#cce5e4
#cce5e4
rgb(204,229,228)
-
#c9e8e7
#c9e8e7
rgb(201,232,231)
-
#c6ebe9
#c6ebe9
rgb(198,235,233)
-
#c3eeec
#c3eeec
rgb(195,238,236)
-
#c0f1ef
#c0f1ef
rgb(192,241,239)
-
#bdf4f1
#bdf4f1
rgb(189,244,241)
-
#baf7f4
#baf7f4
rgb(186,247,244)
-
#b7faf7
#b7faf7
rgb(183,250,247)
-
#b4fdf9
#b4fdf9
rgb(180,253,249)
Color Blindness Simulator
Below, you can see how #baf7f4 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.