#6F7CB6

#6F7CB6

Color Values

HEX

#6F7CB6

RGB

111, 124, 182

HSL

229.0, 32.7%, 57.5%

HSV

229.0, 39.0%, 71.4%

CMYK

39.0%, 31.9%, 0.0%, 28.6%

OKLCH

0.5996 0.09 273.7

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#6F7CB6

#B6A96F

Analogous

#6FA0B6

#866FB6

#6F7CB6

Triadic

#6F7CB6

#B66F7C

#7CB66F

Split Complementary

#6F7CB6

#B6866F

#A0B66F

Tetradic

#6F7CB6

#B66FA0

#B6A96F

#6FB686

Color Blindness Simulation

Original

#6F7CB6

Protanopia

#7575A8

Deuteranopia

#7473A5

Tritanopia

#709D9A

Achromatopsia

#7D7D7D

CSS Usage

background-color: #6F7CB6;
color: #6F7CB6;
border-color: #6F7CB6;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E8EAF2
200
#D0D4E7
300
#AEB5D6
400
#828DC0
500
#5665A9
600
#455187
700
#37416C
800
#2B3355
900
#22273F
950
#161928

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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