#298BA3

#298BA3

Color Values

HEX

#298BA3

RGB

41, 139, 163

HSL

191.8, 59.8%, 40.0%

HSV

191.8, 74.8%, 63.9%

CMYK

74.8%, 14.7%, 0.0%, 36.1%

OKLCH

0.592 0.0941 218.0

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#298BA3

#A34129

Analogous

#29A37E

#294EA3

#298BA3

Triadic

#298BA3

#A3298B

#8BA329

Split Complementary

#298BA3

#A3294E

#A37E29

Tetradic

#298BA3

#7E29A3

#A34129

#4EA329

Color Blindness Simulation

Original

#298BA3

Protanopia

#53549D

Deuteranopia

#4E469C

Tritanopia

#2E9998

Achromatopsia

#787878

CSS Usage

background-color: #298BA3;
color: #298BA3;
border-color: #298BA3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6E8F1
300
#9DD8E6
400
#68C3D9
500
#33AECC
600
#298BA3
700
#216F82
800
#1A5766
900
#16404B
950
#0E292F

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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