#2D615C

#2D615C

Color Values

HEX

#2D615C

RGB

45, 97, 92

HSL

174,2, 36,6%, 27,8%

HSV

174,2, 53,6%, 38,0%

CMYK

53,6%, 0,0%, 5,2%, 62,0%

OKLCH

0,4554 0,0564 187,1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#2D615C

#612D32

Analogous

#2D6142

#2D4C61

#2D615C

Triadic

#2D615C

#5C2D61

#615C2D

Split Complementary

#2D615C

#612D4C

#61422D

Tetradic

#2D615C

#422D61

#612D32

#4C612D

Color Blindness Simulation

Original

#2D615C

Protanopia

#44445D

Deuteranopia

#403D5D

Tritanopia

#305E5E

Achromatopsia

#565656

CSS Usage

background-color: #2D615C;
color: #2D615C;
border-color: #2D615C;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CEE8E6
300
#ABD8D4
400
#7EC3BD
500
#51AEA5
600
#418B84
700
#346F6A
800
#285753
900
#20403D
950
#152927

Contrast Checker

Text on white

7,06:1

AA Pass AAA Pass

Text on black

2,98: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