#1C8283

#1C8283

Color Values

HEX

#1C8283

RGB

28, 130, 131

HSL

180.6, 64.8%, 31.2%

HSV

180.6, 78.6%, 51.4%

CMYK

78.6%, 0.8%, 0.0%, 48.6%

OKLCH

0.553 0.0873 195.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#1C8283

#831D1C

Analogous

#1C8351

#1C4F83

#1C8283

Triadic

#1C8283

#831C82

#82831C

Split Complementary

#1C8283

#831C4F

#83511C

Tetradic

#1C8283

#511C83

#831D1C

#4F831C

Color Blindness Simulation

Original

#1C8283

Protanopia

#484983

Deuteranopia

#423B83

Tritanopia

#218383

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F7F7
200
#C4F2F2
300
#9AE9E9
400
#64DDDE
500
#2DD0D2
600
#24A7A8
700
#1D8586
800
#166869
900
#144C4D
950
#0D3030

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026