#148693

#148693

Color Values

HEX

#148693

RGB

20, 134, 147

HSL

186,1, 76,0%, 32,7%

HSV

186,1, 86,4%, 57,6%

CMYK

86,4%, 8,8%, 0,0%, 42,4%

OKLCH

0,5685 0,0935 207,3

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#148693

#932114

Analogous

#149360

#144693

#148693

Triadic

#148693

#931486

#869314

Split Complementary

#148693

#931446

#936014

Tetradic

#148693

#601493

#932114

#469314

Color Blindness Simulation

Original

#148693

Protanopia

#454690

Deuteranopia

#3F368F

Tritanopia

#1A8D8D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #148693;
color: #148693;
border-color: #148693;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0F1F6
300
#93E7F0
400
#59DAE8
500
#1FCDE0
600
#18A4B4
700
#148390
800
#0F6670
900
#0F4B52
950
#0A2F34

Contrast Checker

Text on white

4,32:1

AA Fail AAA Fail

Text on black

4,86: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