#268680

#268680

Color Values

HEX

#268680

RGB

38, 134, 128

HSL

176.2, 55.8%, 33.7%

HSV

176.2, 71.6%, 52.5%

CMYK

71.6%, 0.0%, 4.5%, 47.5%

OKLCH

0.5646 0.0867 188.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#268680

#86262C

Analogous

#268650

#265C86

#268680

Triadic

#268680

#802686

#868026

Split Complementary

#268680

#86265C

#865026

Tetradic

#268680

#502686

#86262C

#5C8626

Color Blindness Simulation

Original

#268680

Protanopia

#505081

Deuteranopia

#4A4382

Tritanopia

#2B8383

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7EFED
300
#A0E4E0
400
#6CD5CF
500
#38C7BE
600
#2D9F98
700
#247F79
800
#1C635F
900
#184946
950
#0F2E2C

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.8:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026