#7bbae2 Hex Color

#7BBAE2
0

    • #7bbae2 Color Information

    • In RGB color space, #7bbae2 hex color has a red value of 123, a green value of 186 and a blue value of 226.

    • In CMYK color space (used in color printing), #7bbae2 hex color is composed of 45.58% cyan, 17.7% magenta, 0% yellow and 11.37% black.

    • #7bbae2 color has a hue of 203.3 degrees, a saturation of 63.98% and a lightness of 68.4%.

    • #7bbae2 hex color contains mainly BLUE.

    • The closest web safe color of #7bbae2 is #66cccc

    • #7bbae2 hex color has a decimal value of 8108770.

    #7bbae2 Color Spaces (Color Conversions)

    HEX 7bbae2 #7bbae2
    RGB 123, 186, 226 rgb(123, 186, 226)
    RGB Percent 48.24, 72.94, 88.63 rgb(48.24, 72.94, 88.63)
    CMYK 46, 18, 0, 11
    HSL 203.3°, 63.98, 68.4 hsl(203.3, 63.98%, 68.4%)
    HSV 203.3°, 45.6, 88.6
    XYZ 39.455, 44.82, 78.523
    Hunter Lab 66.948, -11.961, -22.678
    CIE-LAB 72.773, -9.658, -26.296
    CIE-LCH 72.773, 28.014, 249.833
    CIE-LUV 45.58, 17.7, 0, 11.37
    Web Safe 66cccc

    RGB percent of color #7bbae2

    48.24%
    72.94%
    88.63%

    CMYK percent of color #7bbae2

    45.58%
    17.7%
    0%
    11.37%

    Shades of #7bbae2

    Tints of #7bbae2

    Color Schemes with #7bbae2

    Complementary Color

    Split Complementary

    Triadic Colors

    Analogous Colors

    Tetradic Colors

    Square Colors

    Monochromatic Colors

    Alternative Colors for #7bbae2
    #7bbae2 Color Preview

    Text with hexadecimal color #7bbae2

    This text has a font color of #7bbae2

    <p style="color:#7bbae2">Text here</p>

    #7bbae2 Background Color

    This box has a background color of #7bbae2

    <div style="background-color:#7bbae2">Text here</div>

    #7bbae2 Border Color

    This box has a border color of #7bbae2

    <div style="border: 4px solid #7bbae2">Text here</div>

    CSS codes

    <p style="color:#7bbae2">Text here</p>
    <div style="background-color:#7bbae2">Text here</div>
    <div style="border: 4px solid #7bbae2">Text here</div>

    #7bbae2 Color on white background

    This is how a font and box color of #7bbae2 will look
    on a white background.

    #7bbae2 Color on black background

    This is how a font and box color of #7bbae2 hex color will look
    on a black background.