#B8E5FF color preview — HEX, RGB and HSL values on Dopely

#B8E5FF

blue73% BrightnessCool

Color Values

HEX
#B8E5FF
RGB
rgb(184, 229, 255)
HSL
hsl(202°, 100%, 86%)
CMYK
cmyk(28%, 10%, 0%, 0%)

Color Harmonies

Complementary

B8E5FF

FFD2B8

Triadic

B8E5FF

FFB8E5

E5FFB8

Analogous

B8FFF6

B8E5FF

B8C2FF

Monochromatic

1FADFF

B8E5FF

FFFFFF

Similar Colors

52C0FF

B8D3FF

B8F7FF

FFFFFF

B8C2FF

B8FFF6

CSS Snippets

CSS Variables
--color-base: #B8E5FF;
--color-light: #FFFFFF;
--color-dark: #4DBEFF;
CSS Class
.element {
  color: #B8E5FF;
  background: #0095EB;
  border-color: #52C0FF;
}

Contrast Analysis

Sample Text — 15.69:1

The quick brown fox jumps over the lazy dog

On Black15.69:1
On White1.34:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness73%
Saturation100%
Hue202°
Temp
Cool
LRV
74%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated blue color with 73% brightness, 100% saturation, and 86% lightness.