#69A1F6 Color

Color Information

HEX#69A1F6
RGB105, 161, 246
HSL216° , 89% , 69%
HSV216° , 57% , 96%
CMYK57%, 35%, 0%, 4%

Lighter Shades

#7BACF7 #8DB8F8 #9FC3F9 #B1CEFA #C3D9FB #D5E5FC

Darker Shades

#5C8ED8 #507ABB #43679D #375480 #2A4062 #1D2D45

Complementary Palette

#5A8AD4 #69A1F6 #D4A35B #F6BE6A #F7C77F #7EAEF7

Analogous Palette

#76C7D0 #79DCE6 #6397E7 #69A1F6 #8479E6 #9086E9

Triadic Palette

#5C8ED8 #69A1F6 #FE62A0 #FE75AB #A0FE62 #8DE056

Split Complementary Palette

#5F91DD #69A1F6 #F6786A #F78679 #E8F66A #D1DD5F

Square Palette

#5887CF #69A1F6 #EE72E2 #EEBC72 #6AF678 #82F78E

Tetradic Palette

#5684CA #69A1F6 #C061FF #F6BE6A #A0FF61 #B1FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A1F6 contains 105 red, 161 green, and 246 blue.

Contrast Ratio: 2.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.14:1