#6FA2C0

#6FA2C0

Color Values

HEX

#6FA2C0

RGB

111, 162, 192

HSL

202.2, 39.1%, 59.4%

HSV

202.2, 42.2%, 75.3%

CMYK

42.2%, 15.6%, 0.0%, 24.7%

OKLCH

0.6875 0.07 235.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6FA2C0

#C08D6F

Analogous

#6FC0B5

#6F7AC0

#6FA2C0

Triadic

#6FA2C0

#C06FA2

#A2C06F

Split Complementary

#6FA2C0

#C06F7A

#C0B56F

Tetradic

#6FA2C0

#B56FC0

#C08D6F

#7AC06F

Color Blindness Simulation

Original

#6FA2C0

Protanopia

#8586B9

Deuteranopia

#827EB7

Tritanopia

#72B3B2

Achromatopsia

#999999

CSS Usage

background-color: #6FA2C0;
color: #6FA2C0;
border-color: #6FA2C0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CDDFE9
300
#AAC8DA
400
#7CAAC6
500
#4E8CB1
600
#3E708E
700
#325A72
800
#274659
900
#1F3541
950
#142129

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

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