#E2F7F6

#E2F7F6

Color Values

HEX

#E2F7F6

RGB

226, 247, 246

HSL

177.1, 56.8%, 92.7%

HSV

177.1, 8.5%, 96.9%

CMYK

8.5%, 0.0%, 0.4%, 3.1%

OKLCH

0.9605 0.0221 193.3

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#E2F7F6

#F7E2E3

Analogous

#E2F7EB

#E2EDF7

#E2F7F6

Triadic

#E2F7F6

#F6E2F7

#F7F6E2

Split Complementary

#E2F7F6

#F7E2ED

#F7EBE2

Tetradic

#E2F7F6

#EBE2F7

#F7E2E3

#EDF7E2

Color Blindness Simulation

Original

#E2F7F6

Protanopia

#EBEBF6

Deuteranopia

#EAE8F6

Tritanopia

#E3F6F6

Achromatopsia

#F2F2F2

CSS Usage

background-color: #E2F7F6;
color: #E2F7F6;
border-color: #E2F7F6;
Nearest Tailwind: Cyan 50 #ECFEFF

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7F0EE
300
#9FE5E1
400
#6BD6D1
500
#37C8C1
600
#2CA09A
700
#23807B
800
#1C6460
900
#184947
950
#0F2E2D

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.87:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026