#def3ff Hex Color

Pattens Blue

#def3ff

(222,243,255)

Color Spaces for #def3ff

RGB 222 243 255
HSL 0.56 1 0.94
HSV 202° 13° 100°
CYMK 0.1294 0.0471 0 0
XYZ 80.2248 86.8508 107.1433


Complementary color of #def3ff
Triadic colors of #def3ff


Commentary on #def3ff

This color is called Pattens Blue. It has 222 red, 243 green, and 255 blue. This color is extremely light.

#def3ff CSS Styles

Text color #def3ff

.text-def3ff {
    color: #def3ff
}

This is some text in the color #def3ff

Background color #def3ff

.bg-def3ff {
    background-color: #def3ff
}

This is some text against a background of the color #def3ff

This is a bigger box with some text against a background of the color #def3ff

Border color #def3ff

.border-def3ff {
    border: 3px solid #def3ff;
}

This is some text in a box with a border of the color #def3ff

This is a bigger box with some text in a box with a border of the color #def3ff
#def3ff CSS3 Styles

Text shadow color #def3ff

.text-shadow-def3ff {
    text-shadow: 4px 4px 2px #def3ff;
}

This is some text with text shadow color #def3ff

Box shadow color #def3ff

.box-shadow-def3ff {
    -moz-box-shadow: 1px 1px 3px 2px #def3ff;
    -webkit-box-shadow: 1px 1px 3px 2px #def3ff;
    box-shadow: 1px 1px 3px 2px #def3ff;
}

This is some text in a box with a box shadow of the color #def3ff

This is a bigger box with some text in a box with a box shadow of the color #def3ff