#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

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026