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.

Farbwerte

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

Eigenschaften

Farbpsychologie

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.

Farbharmonien

Farbenblindheits-Simulation

CSS-Verwendung

background-color: #B0E0E6;
color: #B0E0E6;
border-color: #B0E0E6;
Nächster Tailwind-Farbton: Cyan 100 #CFFAFE

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

1,43:1

AA Fail AAA Fail

Text auf Schwarz

14,65:1

AA Pass AAA Pass

Vergleichen mit

Teil dieser Kollektionen

Häufig gestellte Fragen

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 Nicht bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #B0E0E6?

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