#A2BCEC

#A2BCEC

Overview

#A2BCEC is a cool, light color. In RGB it is 162, 188, 236, in HSL 218.9°, 66.1%, 78.0%, and in CMYK 31.4%, 20.3%, 0.0%, 7.5%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

Farbwerte

HEX

#A2BCEC

RGB

162, 188, 236

HSL

218,9, 66,1%, 78,0%

HSV

218,9, 31,4%, 92,5%

CMYK

31,4%, 20,3%, 0,0%, 7,5%

OKLCH

0,7927 0,0743 262,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

#A2BCEC

#ECD2A2

Analog

#A2E1EC

#ADA2EC

#A2BCEC

Triadisch

#A2BCEC

#ECA2BC

#BCECA2

Split-Komplementär

#A2BCEC

#ECADA2

#E1ECA2

Tetradisch

#A2BCEC

#ECA2E1

#ECD2A2

#A2ECAD

Farbenblindheits-Simulation

Original

#A2BCEC

Protanopie

#ADADE0

Deuteranopie

#ACAADE

Tritanopie

#A3D7D5

Achromatopsie

#BABABA

CSS-Verwendung

background-color: #A2BCEC;
color: #A2BCEC;
border-color: #A2BCEC;
Nächster Tailwind-Farbton: Blue 300 #93C5FD

Tailwind-Farbtöne

50
#F3F6FC
100
#E3EAF7
200
#C4D4F3
300
#99B6EA
400
#628EDF
500
#2B66D4
600
#2352A9
700
#1C4288
800
#16336A
900
#14284D
950
#0C1931

Kontrastprüfer

Text auf Weiß

1,92:1

AA Fail AAA Fail

Text auf Schwarz

10,94:1

AA Pass AAA Pass

Vergleichen mit

#A2BCEC
#ECD2A2
#A2BCEC
#FFFFFF
#000000
#A2BCEC

Ä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 #A2BCEC?

RGB(162, 188, 236) · HSL(218,9, 66,1%, 78,0%) · CMYK(31,4%, 20,3%, 0,0%, 7,5%)

Does #A2BCEC meet WCAG contrast on white?

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

What text color is readable on #A2BCEC?

Use 000000 text on a #A2BCEC background; contrast on black is 10,94:1.