#6F79F8

#6F79F8

Color Values

HEX

#6F79F8

RGB

111, 121, 248

HSL

235.6, 90.7%, 70.4%

HSV

235.6, 55.2%, 97.3%

CMYK

55.2%, 51.2%, 0.0%, 2.7%

OKLCH

0.6323 0.1868 276.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#6F79F8

#F8EE6F

Analogous

#6FBEF8

#A96FF8

#6F79F8

Triadic

#6F79F8

#F86F79

#79F86F

Split Complementary

#6F79F8

#F8A96F

#BEF86F

Tetradic

#6F79F8

#F86FBE

#F8EE6F

#6FF8A9

Color Blindness Simulation

Original

#6F79F8

Protanopia

#7373D9

Deuteranopia

#7372D2

Tritanopia

#6FC1BC

Achromatopsia

#808080

CSS Usage

background-color: #6F79F8;
color: #6F79F8;
border-color: #6F79F8;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BBC0FC
300
#8A92F9
400
#4B58F6
500
#0C1DF3
600
#0917C3
700
#08129C
800
#060E7A
900
#090F58
950
#060938

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77: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