#82B4B3

#82B4B3

Color Values

HEX

#82B4B3

RGB

130, 180, 179

HSL

178.8, 25.0%, 60.8%

HSV

178.8, 27.8%, 70.6%

CMYK

27.8%, 0.0%, 0.6%, 29.4%

OKLCH

0.7345 0.0528 194.5

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#82B4B3

#B48283

Analogous

#82B49A

#829CB4

#82B4B3

Triadic

#82B4B3

#B382B4

#B4B382

Split Complementary

#82B4B3

#B4829C

#B49A82

Tetradic

#82B4B3

#9A82B4

#B48283

#9CB482

Color Blindness Simulation

Original

#82B4B3

Protanopia

#9898B3

Deuteranopia

#9591B3

Tritanopia

#84B3B3

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E4
300
#B2D1D0
400
#89B8B7
500
#609F9E
600
#4D807E
700
#3D6665
800
#30504F
900
#263B3B
950
#182525

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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