#4AB8C4

#4AB8C4

Color Values

HEX

#4AB8C4

RGB

74, 184, 196

HSL

185.9, 50.8%, 52.9%

HSV

185.9, 62.2%, 76.9%

CMYK

62.2%, 6.1%, 0.0%, 23.1%

OKLCH

0.7246 0.1001 205.2

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#4AB8C4

#C4564A

Analogous

#4AC493

#4A7BC4

#4AB8C4

Triadic

#4AB8C4

#C44AB8

#B8C44A

Split Complementary

#4AB8C4

#C44A7B

#C4934A

Tetradic

#4AB8C4

#934AC4

#C4564A

#7BC44A

Color Blindness Simulation

Original

#4AB8C4

Protanopia

#7A7BC1

Deuteranopia

#736BC0

Tritanopia

#50BFBE

Achromatopsia

#A1A1A1

CSS Usage

background-color: #4AB8C4;
color: #4AB8C4;
border-color: #4AB8C4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9EAED
300
#A3DBE1
400
#71C7D1
500
#3FB4C0
600
#32909A
700
#28737B
800
#1F5A60
900
#1A4247
950
#112A2D

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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