#b4c8f0 hex color profile

#b4c8f0rgb(180, 200, 240)

Conversions

#b4c8f0 hex color converted to different color models.

Hex: #b4c8f0
RGB: 180, 200, 240
RGBA: 180, 200, 240, 1
HSL: 220, 67, 82
HSV: 220, 25, 94

CMYK: 25, 17, 0, 6
HWB: 220, 71, 6
XYZ: 54.61, 56.84, 68.48
LCH: 80.09, 22.27, 268.72
LAB: 80.09, -0.5, -22.27

Variations

#b4c8f0 hex color in different shades, tints, and tones.

Shades

Shades are created by adding black to a color.

Tints

Tints are created by adding white to a color.

Tones

Tones are created by adding gray to a color.

Harmonies

#b4c8f0 hex color in different harmonies.

Analogous

Analogous colors are next to each other on the color wheel.

#b4e6f0

#b4c8f0

#beb4f0

Complementary

Complementary colors are opposite each other on the color wheel.

#b4c8f0

#f0dcb4

Split complementary

Split complementary colors are analogous of the complementary color.

#b4c8f0

#f0beb4

#e6f0b4

Rectangle

Rectangle colors are two pairs of complementary colors in a rectangular pattern on the color wheel.

Triadic

Triadic colors are three colors equidistant to each other on the color wheel

#b4c8f0

#f0b4c8

#c8f0b4

Square

Square colors are two pairs of complementary colors in a square pattern on the color wheel.

Opacities

#b4c8f0 hex color in different opacities from 0 to 1.

Contrast

#b4c8f0 hex color contrast on white and black backgrounds.

Contrast

1.68

Normal text

AA AAA

Large text

AA AAA

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Quisque varius fringilla dolor ut viverra.

Contrast

12.46

Normal text

AA AAA

Large text

AA AAA

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Quisque varius fringilla dolor ut viverra.