#7DACB2

#7DACB2

Color Values

HEX

#7DACB2

RGB

125, 172, 178

HSL

186.8, 25.6%, 59.4%

HSV

186.8, 29.8%, 69.8%

CMYK

29.8%, 3.4%, 0.0%, 30.2%

OKLCH

0.713 0.0508 205.9

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#7DACB2

#B2837D

Analogous

#7DB29D

#7D91B2

#7DACB2

Triadic

#7DACB2

#B27DAC

#ACB27D

Split Complementary

#7DACB2

#B27D91

#B29D7D

Tetradic

#7DACB2

#9D7DB2

#B2837D

#91B27D

Color Blindness Simulation

Original

#7DACB2

Protanopia

#9192B1

Deuteranopia

#8F8BB0

Tritanopia

#7FAFAF

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E4
300
#B2CED1
400
#88B3B9
500
#5F99A0
600
#4C7A80
700
#3D6266
800
#2F4C50
900
#25393C
950
#182426

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.42:1

AA Pass AAA Pass

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