#248BA8

#248BA8

Color Values

HEX

#248BA8

RGB

36, 139, 168

HSL

193.2, 64.7%, 40.0%

HSV

193.2, 78.6%, 65.9%

CMYK

78.6%, 17.3%, 0.0%, 34.1%

OKLCH

0.5931 0.0991 221.6

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#248BA8

#A84124

Analogous

#24A883

#2449A8

#248BA8

Triadic

#248BA8

#A8248B

#8BA824

Split Complementary

#248BA8

#A82449

#A88324

Tetradic

#248BA8

#8324A8

#A84124

#49A824

Color Blindness Simulation

Original

#248BA8

Protanopia

#5151A1

Deuteranopia

#4B439F

Tritanopia

#299B9A

Achromatopsia

#777777

CSS Usage

background-color: #248BA8;
color: #248BA8;
border-color: #248BA8;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C4E8F2
300
#9AD8E9
400
#64C3DE
500
#2DAED2
600
#248BA8
700
#1D6F86
800
#175769
900
#14404D
950
#0D2930

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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