#B5BAF3

#B5BAF3

Overview

#B5BAF3 is a cool, light color. In RGB it is 181, 186, 243, in HSL 235.2°, 72.1%, 83.1%, and in CMYK 25.5%, 23.5%, 0.0%, 4.7%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

Farbwerte

HEX

#B5BAF3

RGB

181, 186, 243

HSL

235,2, 72,1%, 83,1%

HSV

235,2, 25,5%, 95,3%

CMYK

25,5%, 23,5%, 0,0%, 4,7%

OKLCH

0,8049 0,0806 280,5

Eigenschaften

Kühl Hell Nächste: NCS S 0520-R80B Light Lavender

Farbpsychologie

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.

Farbharmonien

Komplementär

#B5BAF3

#F3EEB5

Analog

#B5D9F3

#CFB5F3

#B5BAF3

Triadisch

#B5BAF3

#F3B5BA

#BAF3B5

Split-Komplementär

#B5BAF3

#F3CFB5

#D9F3B5

Tetradisch

#B5BAF3

#F3B5D9

#F3EEB5

#B5F3CF

Farbenblindheits-Simulation

Original

#B5BAF3

Protanopie

#B7B7E5

Deuteranopie

#B7B6E2

Tritanopie

#B5DAD8

Achromatopsie

#BDBDBD

CSS-Verwendung

background-color: #B5BAF3;
color: #B5BAF3;
border-color: #B5BAF3;
Nächster Tailwind-Farbton: Indigo 300 #A5B4FC

Tailwind-Farbtöne

50
#F3F3FC
100
#E2E4F8
200
#C2C6F5
300
#969DEE
400
#5D68E5
500
#2432DB
600
#1C28B0
700
#17208C
800
#12196E
900
#111650
950
#0B0E32

Kontrastprüfer

Text auf Weiß

1,86:1

AA Fail AAA Fail

Text auf Schwarz

11,28:1

AA Pass AAA Pass

Vergleichen mit

#B5BAF3
#F3EEB5
#B5BAF3
#FFFFFF
#000000
#B5BAF3

Ähnliche Artikel

Tutorials

CSS color-mix(): Farben nativ im Browser mischen

Jan 26, 2026
Tutorials

Einen Farbwähler als Web Component von Grund auf bauen

Jan 21, 2026
Tutorials

Perzeptuelle Farbräume: Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Häufig gestellte Fragen

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

RGB(181, 186, 243) · HSL(235,2, 72,1%, 83,1%) · CMYK(25,5%, 23,5%, 0,0%, 4,7%)

Does #B5BAF3 meet WCAG contrast on white?

1,86:1 — WCAG AA Nicht bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #B5BAF3?

Use 000000 text on a #B5BAF3 background; contrast on black is 11,28:1.