#6B9AE2

#6B9AE2

Color Values

HEX

#6B9AE2

RGB

107, 154, 226

HSL

216.3, 67.2%, 65.3%

HSV

216.3, 52.7%, 88.6%

CMYK

52.7%, 31.9%, 0.0%, 11.4%

OKLCH

0.6831 0.1187 258.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6B9AE2

#E2B36B

Analogous

#6BD5E2

#786BE2

#6B9AE2

Triadic

#6B9AE2

#E26B9A

#9AE26B

Split Complementary

#6B9AE2

#E2786B

#D5E26B

Tetradic

#6B9AE2

#E26BD5

#E2B36B

#6BE278

Color Blindness Simulation

Original

#6B9AE2

Protanopia

#7F80D1

Deuteranopia

#7D79CC

Tritanopia

#6DC3C0

Achromatopsia

#959595

CSS Usage

background-color: #6B9AE2;
color: #6B9AE2;
border-color: #6B9AE2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C3D6F3
300
#99B9EB
400
#6193E0
500
#2A6ED5
600
#2158AB
700
#1B4688
800
#15376B
900
#132A4E
950
#0C1B31

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026