#679194

#679194

Color Values

HEX

#679194

RGB

103, 145, 148

HSL

184.0, 17.9%, 49.2%

HSV

184.0, 30.4%, 58.0%

CMYK

30.4%, 2.0%, 0.0%, 42.0%

OKLCH

0.6271 0.0461 201.6

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#679194

#946A67

Analogous

#679480

#677A94

#679194

Triadic

#679194

#946791

#919467

Split Complementary

#679194

#94677A

#948067

Tetradic

#679194

#806794

#946A67

#7A9467

Color Blindness Simulation

Original

#679194

Protanopia

#797A93

Deuteranopia

#777493

Tritanopia

#699393

Achromatopsia

#888888

CSS Usage

background-color: #679194;
color: #679194;
border-color: #679194;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D5E1E2
300
#B7CBCD
400
#90AFB2
500
#699396
600
#547678
700
#435E60
800
#344A4B
900
#293738
950
#1A2324

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

AA Pass AAA Fail

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