#0A393D

#0A393D

Color Values

HEX

#0A393D

RGB

10, 57, 61

HSL

184.7, 71.8%, 13.9%

HSV

184.7, 83.6%, 23.9%

CMYK

83.6%, 6.6%, 0.0%, 76.1%

OKLCH

0.3165 0.0484 203.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#0A393D

#3D0E0A

Analogous

#0A3D27

#0A1F3D

#0A393D

Triadic

#0A393D

#3D0A39

#393D0A

Split Complementary

#0A393D

#3D0A1F

#3D270A

Tetradic

#0A393D

#270A3D

#3D0E0A

#1F3D0A

Color Blindness Simulation

Original

#0A393D

Protanopia

#1E1F3C

Deuteranopia

#1C183C

Tritanopia

#0C3B3B

Achromatopsia

#2F2F2F

CSS Usage

background-color: #0A393D;
color: #0A393D;
border-color: #0A393D;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C2F1F5
300
#96E7EE
400
#5DDAE4
500
#24CDDB
600
#1DA4AF
700
#17838C
800
#12666E
900
#114B50
950
#0B2F32

Contrast Checker

Text on white

12.61:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

一月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

一月 21, 2026
Tutorials

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

一月 18, 2026