#149FF0 Color

Color Information

HEX#149FF0
RGB20, 159, 240
HSL202° , 88% , 51%
HSV202° , 92% , 94%
CMYK92%, 34%, 0%, 6%

Lighter Shades

#30ABF2 #4CB6F4 #69C2F5 #85CDF7 #A1D9F9 #BDE4FB

Darker Shades

#128CD3 #0F79B6 #0D669A #0A537D #084060 #062D43

Complementary Palette

#1189CE #149FF0 #CE5711 #F06514 #F27B35 #35ACF2

Analogous Palette

#2AC6B1 #2DD7C0 #1395E2 #149FF0 #2D44D7 #3E53DA

Triadic Palette

#128CD3 #149FF0 #FD08A3 #FD26AE #A3FD08 #8FDF07

Split Complementary Palette

#128FD8 #149FF0 #F01431 #F22C46 #F0D314 #D8BE12

Square Palette

#1186CA #149FF0 #CA21E4 #E46821 #31F014 #52F23A

Tetradic Palette

#1082C5 #149FF0 #6105FF #F06514 #A3FF05 #B4FF32

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #149FF0 contains 20 red, 159 green, and 240 blue.

Contrast Ratio: 2.86:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.34:1