#07BBC5

#07BBC5

Color Values

HEX

#07BBC5

RGB

7, 187, 197

HSL

183.2, 93.1%, 40.0%

HSV

183.2, 96.4%, 77.3%

CMYK

96.4%, 5.1%, 0.0%, 22.7%

OKLCH

0.7212 0.1219 201.7

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#07BBC5

#C51107

Analogous

#07C570

#075CC5

#07BBC5

Triadic

#07BBC5

#C507BB

#BBC507

Split Complementary

#07BBC5

#C5075C

#C57007

Tetradic

#07BBC5

#7007C5

#C51107

#5CC507

Color Blindness Simulation

Original

#07BBC5

Protanopia

#5557C3

Deuteranopia

#4A3DC2

Tritanopia

#10C1C0

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAF9FD
300
#89F5FB
400
#49EFF8
500
#09EAF6
600
#07BBC5
700
#06959E
800
#04757B
900
#085559
950
#053638

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026