powderblue

#B0E0E6

CSS color

Powder Blue (#B0E0E6) is a very light CSS blue-grey with the soft, airy quality of powdered pigment — pale, clean, and gently cool. This delicate blue sits close to the sky near the horizon in late afternoon, serene and undemanding. Web designers use Powder Blue as a calm, low-contrast background tone that reads blue without assertiveness, common in healthcare, baby products, and minimal UI design.

Valores de color

HEX

#B0E0E6

RGB

176, 224, 230

HSL

186,7, 51,9%, 79,6%

HSV

186,7, 23,5%, 90,2%

CMYK

23,5%, 2,6%, 0,0%, 9,8%

OKLCH

0,8751 0,0502 205,7

Propiedades

Psicología del color

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

Armonías de color

Simulación de daltonismo

Uso de CSS

background-color: #B0E0E6;
color: #B0E0E6;
border-color: #B0E0E6;
Tailwind más cercano: Cyan 100 #CFFAFE

Tonos Tailwind

Verificador de contraste

Texto sobre blanco

1,43:1

AA Fail AAA Fail

Texto sobre negro

14,65:1

AA Pass AAA Pass

Comparar con

Parte de estas colecciones

Preguntas frecuentes

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

RGB(176, 224, 230) · HSL(186,7, 51,9%, 79,6%) · CMYK(23,5%, 2,6%, 0,0%, 9,8%)

Does #B0E0E6 meet WCAG contrast on white?

1,43:1 — WCAG AA Fallido, AAA Fallido for normal text.

What text color is readable on #B0E0E6?

Use 000000 text on a #B0E0E6 background; contrast on black is 14,65:1.