#0DF2AF

#0DF2AF

Color Values

HEX

#0DF2AF

RGB

13, 242, 175

HSL

162.4, 89.8%, 50.0%

HSV

162.4, 94.6%, 94.9%

CMYK

94.6%, 0.0%, 27.7%, 5.1%

OKLCH

0.8517 0.1795 164.3

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#0DF2AF

#F20D50

Analogous

#0DF23C

#0DC3F2

#0DF2AF

Triadic

#0DF2AF

#AF0DF2

#F2AF0D

Split Complementary

#0DF2AF

#F20DC3

#F23C0D

Tetradic

#0DF2AF

#3C0DF2

#F20D50

#C3F20D

Color Blindness Simulation

Original

#0DF2AF

Protanopia

#7072BF

Deuteranopia

#6352C3

Tritanopia

#18CCCF

Achromatopsia

#BCBCBC

CSS Usage

background-color: #0DF2AF;
color: #0DF2AF;
border-color: #0DF2AF;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F2FDFA
100
#E0FBF3
200
#BBFBE9
300
#8BF9D9
400
#4CF5C4
500
#0DF2AF
600
#0AC28C
700
#089B70
800
#077957
900
#095841
950
#063729

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026