#248DA8

#248DA8

Color Values

HEX

#248DA8

RGB

36, 141, 168

HSL

192.3, 64.7%, 40.0%

HSV

192.3, 78.6%, 65.9%

CMYK

78.6%, 16.1%, 0.0%, 34.1%

OKLCH

0.598 0.0989 219.6

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#248DA8

#A83F24

Analogous

#24A881

#244BA8

#248DA8

Triadic

#248DA8

#A8248D

#8DA824

Split Complementary

#248DA8

#A8244B

#A88124

Tetradic

#248DA8

#8124A8

#A83F24

#4BA824

Color Blindness Simulation

Original

#248DA8

Protanopia

#5152A1

Deuteranopia

#4B44A0

Tritanopia

#299C9B

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C4E9F2
300
#9AD9E9
400
#64C5DE
500
#2DB0D2
600
#248DA8
700
#1D7186
800
#175869
900
#14414D
950
#0D2930

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass 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