#6F91E6

#6F91E6

Color Values

HEX

#6F91E6

RGB

111, 145, 230

HSL

222.9, 70.4%, 66.9%

HSV

222.9, 51.7%, 90.2%

CMYK

51.7%, 37.0%, 0.0%, 9.8%

OKLCH

0.6685 0.1323 266.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#6F91E6

#E6C46F

Analogous

#6FCCE6

#896FE6

#6F91E6

Triadic

#6F91E6

#E66F91

#91E66F

Split Complementary

#6F91E6

#E6896F

#CCE66F

Tetradic

#6F91E6

#E66FCC

#E6C46F

#6FE689

Color Blindness Simulation

Original

#6F91E6

Protanopia

#7E7ED1

Deuteranopia

#7C79CC

Tritanopia

#71C1BE

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E2E9F8
200
#C2D0F4
300
#97AFED
400
#5E84E3
500
#2659D9
600
#1E47AE
700
#18398B
800
#132C6D
900
#12234F
950
#0B1632

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026