#B7CDC3

#B7CDC3

Color Values

HEX

#B7CDC3

RGB

183, 205, 195

HSL

152.7, 18.0%, 76.1%

HSV

152.7, 10.7%, 80.4%

CMYK

10.7%, 0.0%, 4.9%, 19.6%

OKLCH

0.8289 0.0275 166.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B7CDC3

#CDB7C1

Analogous

#B7CDB8

#B7CCCD

#B7CDC3

Triadic

#B7CDC3

#C3B7CD

#CDC3B7

Split Complementary

#B7CDC3

#CDB7CC

#CDB8B7

Tetradic

#B7CDC3

#B8B7CD

#CDB7C1

#CCCDB7

Color Blindness Simulation

Original

#B7CDC3

Protanopia

#C1C1C5

Deuteranopia

#BFBEC6

Tritanopia

#B8C7C8

Achromatopsia

#C8C8C8

CSS Usage

background-color: #B7CDC3;
color: #B7CDC3;
border-color: #B7CDC3;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DC
300
#B7CDC3
400
#90B2A2
500
#699682
600
#547868
700
#436053
800
#344B41
900
#293831
950
#1A241F

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.53:1

AA Pass AAA Pass

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