#23B6DC

#23B6DC

Color Values

HEX

#23B6DC

RGB

35, 182, 220

HSL

192.3, 72.5%, 50.0%

HSV

192.3, 84.1%, 86.3%

CMYK

84.1%, 17.3%, 0.0%, 13.7%

OKLCH

0.7208 0.1257 221.1

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#23B6DC

#DC4923

Analogous

#23DCA5

#235ADC

#23B6DC

Triadic

#23B6DC

#DC23B6

#B6DC23

Split Complementary

#23B6DC

#DC235A

#DCA523

Tetradic

#23B6DC

#A523DC

#DC4923

#5ADC23

Color Blindness Simulation

Original

#23B6DC

Protanopia

#6364D3

Deuteranopia

#5A4FD1

Tritanopia

#2ACCCA

Achromatopsia

#999999

CSS Usage

background-color: #23B6DC;
color: #23B6DC;
border-color: #23B6DC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C1EBF5
300
#95DCEE
400
#5CC9E5
500
#23B6DC
600
#1C92B0
700
#16758D
800
#125B6E
900
#114350
950
#0B2A33

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

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