#B7ADDA

#B7ADDA

Giá trị màu sắc

HEX

#B7ADDA

RGB

183, 173, 218

HSL

253,3, 37,8%, 76,7%

HSV

253,3, 20,6%, 85,5%

CMYK

16,1%, 20,6%, 0,0%, 14,5%

OKLCH

0,7711 0,0643 295,0

Thuộc tính

Lạnh Sáng Gần nhất: Blue Bell

Tâm lý màu sắc

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.

Hòa âm màu sắc

Bổ sung

#B7ADDA

#D0DAAD

Tương tự

#ADBADA

#CEADDA

#B7ADDA

Bộ ba

#B7ADDA

#DAB7AD

#ADDAB7

Bổ sung phân tách

#B7ADDA

#DACEAD

#BADAAD

Bộ bốn

#B7ADDA

#DAADBA

#D0DAAD

#ADDACE

Mô phỏng mù màu

Gốc

#B7ADDA

Mù màu đỏ

#B3B3CF

Mù màu xanh lá

#B3B4CC

Mù màu xanh dương

#B6C7C5

Mù màu toàn phần

#B2B2B2

Sử dụng CSS

background-color: #B7ADDA;
color: #B7ADDA;
border-color: #B7ADDA;
Tailwind gần nhất: Indigo 200 #C7D2FE

Sắc độ Tailwind

50
#F6F5FA
100
#EAE7F3
200
#D4CEE9
300
#B5ABD9
400
#8D7DC4
500
#654FB0
600
#513F8D
700
#403370
800
#322858
900
#272041
950
#191429

Kiểm tra tương phản

Văn bản trên nền trắng

2,1:1

AA Fail AAA Fail

Văn bản trên nền đen

10,0:1

AA Pass AAA Pass

So sánh với

#B7ADDA
#D0DAAD
#B7ADDA
#FFFFFF
#000000
#B7ADDA

Bài viết liên quan

Hướng dẫn Thực hành

CSS color-mix(): Pha Trộn Màu Natively Trong Trình Duyệt

Tháng 1 26, 2026
Hướng dẫn Thực hành

Xây Dựng Color Picker Web Component Từ Đầu

Tháng 1 21, 2026
Hướng dẫn Thực hành

Không Gian Màu Nhận Thức: Lab, LCH, Oklab, OKLCH

Tháng 1 15, 2026

Câu hỏi thường gặp

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

RGB(183, 173, 218) · HSL(253,3, 37,8%, 76,7%) · CMYK(16,1%, 20,6%, 0,0%, 14,5%)

Does #B7ADDA meet WCAG contrast on white?

2,1:1 — WCAG AA Không đạt, AAA Không đạt for normal text.

What text color is readable on #B7ADDA?

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