#264246

#264246

Color Values

HEX

#264246

RGB

38, 66, 70

HSL

187.5, 29.6%, 21.2%

HSV

187.5, 45.7%, 27.5%

CMYK

45.7%, 5.7%, 0.0%, 72.5%

OKLCH

0.3586 0.0345 207.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#264246

#462A26

Analogous

#26463A

#263246

#264246

Triadic

#264246

#462642

#424626

Split Complementary

#264246

#462632

#463A26

Tetradic

#264246

#3A2646

#462A26

#324626

Color Blindness Simulation

Original

#264246

Protanopia

#323245

Deuteranopia

#302E45

Tritanopia

#274444

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E3E6
300
#B0CFD4
400
#85B6BD
500
#5A9CA5
600
#487D84
700
#39646A
800
#2D4E53
900
#243A3D
950
#162527

Contrast Checker

Text on white

10.77:1

AA Pass AAA Pass

Text on black

1.95: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