#7BF6EB

#7BF6EB

Color Values

HEX

#7BF6EB

RGB

123, 246, 235

HSL

174.6, 87.2%, 72.4%

HSV

174.6, 50.0%, 96.5%

CMYK

50.0%, 0.0%, 4.5%, 3.5%

OKLCH

0.8993 0.112 187.6

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#7BF6EB

#F67B86

Analogous

#7BF6AE

#7BC4F6

#7BF6EB

Triadic

#7BF6EB

#EB7BF6

#F6EB7B

Split Complementary

#7BF6EB

#F67BC4

#F6AE7B

Tetradic

#7BF6EB

#AE7BF6

#F67B86

#C4F67B

Color Blindness Simulation

Original

#7BF6EB

Protanopia

#B0B1EE

Deuteranopia

#A9A0EE

Tritanopia

#81F0F0

Achromatopsia

#DBDBDB

CSS Usage

background-color: #7BF6EB;
color: #7BF6EB;
border-color: #7BF6EB;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BCFAF5
300
#8CF7EE
400
#4EF3E4
500
#10EFDB
600
#0DBFAF
700
#0A998C
800
#08776D
900
#0A5650
950
#073732

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026