#0A7663

#0A7663

Color Values

HEX

#0A7663

RGB

10, 118, 99

HSL

169.4, 84.4%, 25.1%

HSV

169.4, 91.5%, 46.3%

CMYK

91.5%, 0.0%, 16.1%, 53.7%

OKLCH

0.5067 0.0924 175.9

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#0A7663

#760A1D

Analogous

#0A762D

#0A5376

#0A7663

Triadic

#0A7663

#630A76

#76630A

Split Complementary

#0A7663

#760A53

#762D0A

Tetradic

#0A7663

#2D0A76

#760A1D

#53760A

Color Blindness Simulation

Original

#0A7663

Protanopia

#393A68

Deuteranopia

#322A69

Tritanopia

#0F6B6C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #0A7663;
color: #0A7663;
border-color: #0A7663;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FDFB
100
#E0FAF5
200
#BDF9EF
300
#8EF5E3
400
#51F0D4
500
#14EBC5
600
#10BC9E
700
#0D967E
800
#0A7663
900
#0C5548
950
#07362E

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

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