skyblue

#87CEEB

CSS color

Sky Blue (#87CEEB) is a light, airy blue CSS named colour, directly capturing the luminous, open blue of a clear sky at mid-morning — one of the most universally beloved colours in the natural world. As a CSS standard, it is one of the most commonly used blues in web design for conveying openness, clarity, freedom, and calm. Sky blue crosses cultural boundaries in its positive associations, representing the open air and the limitless quality of the visible atmosphere.

Valores de cor

HEX

#87CEEB

RGB

135, 206, 235

HSL

197,4, 71,4%, 72,5%

HSV

197,4, 42,6%, 92,2%

CMYK

42,6%, 12,3%, 0,0%, 7,8%

OKLCH

0,8148 0,0819 225,8

Propriedades

Psicologia das cores

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Harmonias de cores

Simulação de daltonismo

Uso de CSS

background-color: #87CEEB;
color: #87CEEB;
border-color: #87CEEB;
Tailwind mais próximo: Sky 300 #7DD3FC

Tons Tailwind

Verificador de contraste

Texto sobre branco

1,74:1

AA Fail AAA Fail

Texto sobre preto

12,06:1

AA Pass AAA Pass

Comparar com

Parte destas coleções

Perguntas frequentes

What are the RGB, HSL, and CMYK values of #87CEEB?

RGB(135, 206, 235) · HSL(197,4, 71,4%, 72,5%) · CMYK(42,6%, 12,3%, 0,0%, 7,8%)

Does #87CEEB meet WCAG contrast on white?

1,74:1 — WCAG AA Reprovado, AAA Reprovado for normal text.

What text color is readable on #87CEEB?

Use 000000 text on a #87CEEB background; contrast on black is 12,06:1.