#248682

#248682

Color Values

HEX

#248682

RGB

36, 134, 130

HSL

177.6, 57.6%, 33.3%

HSV

177.6, 73.1%, 52.5%

CMYK

73.1%, 0.0%, 3.0%, 47.5%

OKLCH

0.5648 0.0872 190.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#248682

#862428

Analogous

#248651

#245986

#248682

Triadic

#248682

#822486

#868224

Split Complementary

#248682

#862459

#865124

Tetradic

#248682

#512486

#862428

#598624

Color Blindness Simulation

Original

#248682

Protanopia

#4E4F83

Deuteranopia

#494183

Tritanopia

#298484

Achromatopsia

#717171

CSS Usage

background-color: #248682;
color: #248682;
border-color: #248682;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C7F0EE
300
#9FE5E2
400
#6AD7D3
500
#36C9C3
600
#2BA19C
700
#23817D
800
#1B6462
900
#174A48
950
#0F2E2D

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026