RanginoChromatic observatory
فارسیStart with a color
Color code #B7D1DF

Color Code #B7D1DF

A precise look at this Blue color with standard values, coordinated palettes, contrast and practical examples.

BlueLight
Conversions

Complete color values

Every value is calculated directly from the HEX code. CMYK is an approximation for print workflows.

HEX
#B7D1DF
RGB
rgb(183, 209, 223)
HSL
hsl(201 38.46% 79.61%)
HSV
hsv(201 17.94% 87.45%)
CMYKApproximate
17.94%, 6.28%, 0%, 12.55%
Relative luminance0.61000—1
Contrast with white1.59:1WCAG
Contrast with black13.2:1WCAG
Best text color#000000AA ✓

Contrast report

Readability against white and black text

Readable text sample1.59:1
AA ×AAA ×
Readable text sample13.2:1
AA ✓AAA ✓
Usage suggestions

Where can this color work?

This light Blue tone can be considered for prominent surfaces, identity elements and visual emphasis.

Use #B7D1DF for normal text only when the contrast ratio reaches at least 4.5:1. Large text may pass at 3:1.

Color harmony

Suggested palettes

Complementary palette

Analogous palette

Triadic palette

Monochrome scale

Complementary#DFC5B7View colorInverted#482E20View color
For designers and developers

CSS code example

CSS
.color-sample {
  color: #B7D1DF;
  background-color: #B7D1DF1A;
  border-color: #B7D1DF;
}
Related tools

Explore this color further

Related colors

#ABD1DFView color#C3D1DFView color#B7C5DFView color#B7DDDFView color#B7D1D3View color#B7D1EBView color

Frequently asked questions

What is the RGB value of #B7D1DF?

This color is RGB(183, 209, 223).

What is the HSL value of #B7D1DF?

Its value is HSL(201°, 38.46%, 79.61%).

Is #B7D1DF suitable for text?

Readability depends on the background. The contrast ratio and WCAG results on this page provide the relevant checks.