#ADE0F3

#ADE0F3

Giá trị màu sắc

HEX

#ADE0F3

RGB

173, 224, 243

HSL

196,3, 74,5%, 81,6%

HSV

196,3, 28,8%, 95,3%

CMYK

28,8%, 7,8%, 0,0%, 4,7%

OKLCH

0,8775 0,0586 222,7

Thuộc tính

Lạnh Sáng Gần nhất: lightblue 2

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

#ADE0F3

#F3C0AD

Tương tự

#ADF3E3

#ADBDF3

#ADE0F3

Bộ ba

#ADE0F3

#F3ADE0

#E0F3AD

Bổ sung phân tách

#ADE0F3

#F3ADBD

#F3E3AD

Bộ bốn

#ADE0F3

#E3ADF3

#F3C0AD

#BDF3AD

Mô phỏng mù màu

Gốc

#ADE0F3

Mù màu đỏ

#C3C4EE

Mù màu xanh lá

#C0BCED

Mù màu xanh dương

#B0EBEA

Mù màu toàn phần

#D7D7D7

Sử dụng CSS

background-color: #ADE0F3;
color: #ADE0F3;
border-color: #ADE0F3;
Tailwind gần nhất: Sky 200 #BAE6FD

Sắc độ Tailwind

50
#F3FAFC
100
#E2F2F8
200
#C1E7F6
300
#94D7EF
400
#5AC1E7
500
#21ABDE
600
#1A89B2
700
#156D8E
800
#10556F
900
#103F51
950
#0A2833

Kiểm tra tương phản

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

1,43:1

AA Fail AAA Fail

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

14,73:1

AA Pass AAA Pass

So sánh với

#ADE0F3
#F3C0AD
#ADE0F3
#FFFFFF
#000000
#ADE0F3

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 #ADE0F3?

RGB(173, 224, 243) · HSL(196,3, 74,5%, 81,6%) · CMYK(28,8%, 7,8%, 0,0%, 4,7%)

Does #ADE0F3 meet WCAG contrast on white?

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

What text color is readable on #ADE0F3?

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