#6F79EB

#6F79EB

Color Values

HEX

#6F79EB

RGB

111, 121, 235

HSL

235.2, 75.6%, 67.8%

HSV

235.2, 52.8%, 92.2%

CMYK

52.8%, 48.5%, 0.0%, 7.8%

OKLCH

0.6238 0.1693 276.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#6F79EB

#EBE16F

Analogous

#6FB7EB

#A36FEB

#6F79EB

Triadic

#6F79EB

#EB6F79

#79EB6F

Split Complementary

#6F79EB

#EBA36F

#B7EB6F

Tetradic

#6F79EB

#EB6FB7

#EBE16F

#6FEBA3

Color Blindness Simulation

Original

#6F79EB

Protanopia

#7373CF

Deuteranopia

#7372C9

Tritanopia

#6FBAB5

Achromatopsia

#7F7F7F

CSS Usage

background-color: #6F79EB;
color: #6F79EB;
border-color: #6F79EB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E4F9
200
#C0C5F6
300
#949BF0
400
#5965E8
500
#1F2FE0
600
#1925B3
700
#141E8F
800
#101770
900
#0F1551
950
#0A0D33

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026