#265960

#265960

Color Values

HEX

#265960

RGB

38, 89, 96

HSL

187.2, 43.3%, 26.3%

HSV

187.2, 60.4%, 37.6%

CMYK

60.4%, 7.3%, 0.0%, 62.4%

OKLCH

0.4323 0.0553 207.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#265960

#602D26

Analogous

#26604A

#263C60

#265960

Triadic

#265960

#602659

#596026

Split Complementary

#265960

#60263C

#604A26

Tetradic

#265960

#4A2660

#602D26

#3C6026

Color Blindness Simulation

Original

#265960

Protanopia

#3C3D5E

Deuteranopia

#39355E

Tritanopia

#295D5D

Achromatopsia

#4F4F4F

CSS Usage

background-color: #265960;
color: #265960;
border-color: #265960;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DC
400
#78C0CA
500
#48A9B7
600
#3A8892
700
#2E6C75
800
#24555B
900
#1E3F43
950
#13282B

Contrast Checker

Text on white

7.84:1

AA Pass AAA Pass

Text on black

2.68:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026