#07BAC5

#07BAC5

Color Values

HEX

#07BAC5

RGB

7, 186, 197

HSL

183.5, 93.1%, 40.0%

HSV

183.5, 96.4%, 77.3%

CMYK

96.4%, 5.6%, 0.0%, 22.7%

OKLCH

0.7187 0.1216 202.4

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#07BAC5

#C51207

Analogous

#07C571

#075BC5

#07BAC5

Triadic

#07BAC5

#C507BA

#BAC507

Split Complementary

#07BAC5

#C5075B

#C57107

Tetradic

#07BAC5

#7107C5

#C51207

#5BC507

Color Blindness Simulation

Original

#07BAC5

Protanopia

#5556C2

Deuteranopia

#4A3DC2

Tritanopia

#10C0C0

Achromatopsia

#959595

CSS Usage

background-color: #07BAC5;
color: #07BAC5;
border-color: #07BAC5;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAF9FD
300
#89F4FB
400
#49EEF8
500
#09E8F6
600
#07BAC5
700
#06959E
800
#04747B
900
#085459
950
#053538

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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