#b7f3f3 Color Information
In a RGB color space, hex #b7f3f3 is composed of 71.8% red, 95.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 0% yellow and 4.7% black. It has a hue angle of 180 degrees, a saturation of 71.4% and a lightness of 83.5%. #b7f3f3 color hex could be obtained by blending #ffffff with #6fe7e7. Closest websafe color is: #ccffff.
-
- R 72
- G 95
- B 95
-
- C 25
- M 0
- Y 0
- K 5
● #b7f3f3 color description : Very soft cyan.
#b7f3f3 Color Conversion
The hexadecimal color #b7f3f3 has RGB values of R:183, G:243, B:243 and CMYK values of C:0.25, M:0, Y:0, K:0.05. Its decimal value is 12055539.
| Hex triplet | b7f3f3 | #b7f3f3 |
|---|---|---|
| RGB Decimal | 183, 243, 243 | rgb(183,243,243) |
| RGB Percent | 71.8, 95.3, 95.3 | rgb(71.8%,95.3%,95.3%) |
| CMYK | 25, 0, 0, 5 | |
| HSL | 180°, 71.4, 83.5 | hsl(180,71.4%,83.5%) |
| HSV (or HSB) | 180°, 24.7, 95.3 | |
| Web Safe | ccffff | #ccffff |
| CIE-LAB | 91.97, -18.739, -6.144 |
|---|---|
| XYZ | 67.753, 80.637, 96.784 |
| xyY | 0.276, 0.329, 80.637 |
| CIE-LCH | 91.97, 19.721, 198.153 |
| CIE-LUV | 91.97, -29.847, -6.451 |
| Hunter-Lab | 89.798, -22.469, -1.044 |
| Binary | 10110111, 11110011, 11110011 |
Color Schemes with #b7f3f3
Alternatives to #b7f3f3
Below, you can see some colors close to #b7f3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b7f3f3 Preview
This text has a font color of #b7f3f3.
<span style="color:#b7f3f3;">Text here</span>
This paragraph has a background color of #b7f3f3.
<p style="background-color:#b7f3f3;">Content here</p>
This element has a border color of #b7f3f3.
<div style="border:1px solid #b7f3f3;">Content here</div>
.text {color:#b7f3f3;}
.background {background-color:#b7f3f3;}
.border {border:1px solid #b7f3f3;}
Shades and Tints of #b7f3f3
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, #020c0c is the darkest color, while #fafefe is the lightest one.
-
#020c0c
#020c0crgb(2,12,12) -
#051d1d
#051d1drgb(5,29,29) -
#082e2e
#082e2ergb(8,46,46) -
#0a3f3f
#0a3f3frgb(10,63,63) -
#0d4f4f
#0d4f4frgb(13,79,79) -
#106060
#106060rgb(16,96,96) -
#137171
#137171rgb(19,113,113) -
#168282
#168282rgb(22,130,130) -
#189393
#189393rgb(24,147,147) -
#1ba3a3
#1ba3a3rgb(27,163,163) -
#1eb4b4
#1eb4b4rgb(30,180,180) -
#21c5c5
#21c5c5rgb(33,197,197) -
#24d6d6
#24d6d6rgb(36,214,214)
-
#30dddd
#30ddddrgb(48,221,221) -
#41dfdf
#41dfdfrgb(65,223,223) -
#52e2e2
#52e2e2rgb(82,226,226) -
#63e5e5
#63e5e5rgb(99,229,229) -
#74e8e8
#74e8e8rgb(116,232,232) -
#85ebeb
#85ebebrgb(133,235,235) -
#95eded
#95ededrgb(149,237,237) -
#a6f0f0
#a6f0f0rgb(166,240,240) -
#b7f3f3
#b7f3f3rgb(183,243,243) -
#c8f6f6
#c8f6f6rgb(200,246,246) -
#d9f9f9
#d9f9f9rgb(217,249,249) -
#e9fbfb
#e9fbfbrgb(233,251,251) -
#fafefe
#fafefergb(250,254,254)
Tones of #b7f3f3
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
#d4d6d6rgb(212,214,214) -
#d1d9d9
#d1d9d9rgb(209,217,217) -
#cedcdc
#cedcdcrgb(206,220,220) -
#cae0e0
#cae0e0rgb(202,224,224) -
#c7e3e3
#c7e3e3rgb(199,227,227) -
#c4e6e6
#c4e6e6rgb(196,230,230) -
#c1e9e9
#c1e9e9rgb(193,233,233) -
#bdeded
#bdededrgb(189,237,237) -
#baf0f0
#baf0f0rgb(186,240,240) -
#b7f3f3
#b7f3f3rgb(183,243,243) -
#b4f6f6
#b4f6f6rgb(180,246,246) -
#b1f9f9
#b1f9f9rgb(177,249,249) -
#adfdfd
#adfdfdrgb(173,253,253)
Color Blindness Simulator
Below, you can see how #b7f3f3 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.
