#AFDBEB

#AFDBEB

Giá trị màu sắc

HEX

#AFDBEB

RGB

175, 219, 235

HSL

196,0, 60,0%, 80,4%

HSV

196,0, 25,5%, 92,2%

CMYK

25,5%, 6,8%, 0,0%, 7,8%

OKLCH

0,8655 0,0509 222,0

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

#AFDBEB

#EBBFAF

Tương tự

#AFEBDD

#AFBDEB

#AFDBEB

Bộ ba

#AFDBEB

#EBAFDB

#DBEBAF

Bổ sung phân tách

#AFDBEB

#EBAFBD

#EBDDAF

Bộ bốn

#AFDBEB

#DDAFEB

#EBBFAF

#BDEBAF

Mô phỏng mù màu

Gốc

#AFDBEB

Mù màu đỏ

#C2C2E7

Mù màu xanh lá

#C0BCE6

Mù màu xanh dương

#B1E4E3

Mù màu toàn phần

#D3D3D3

Sử dụng CSS

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

Sắc độ Tailwind

50
#F3F9FB
100
#E4F1F6
200
#C6E5F1
300
#9DD3E7
400
#68BBD9
500
#33A3CC
600
#2983A3
700
#216883
800
#1A5266
900
#163D4B
950
#0E262F

Kiểm tra tương phản

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

1,48:1

AA Fail AAA Fail

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

14,16:1

AA Pass AAA Pass

So sánh với

#AFDBEB
#EBBFAF
#AFDBEB
#FFFFFF
#000000
#AFDBEB

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

RGB(175, 219, 235) · HSL(196,0, 60,0%, 80,4%) · CMYK(25,5%, 6,8%, 0,0%, 7,8%)

Does #AFDBEB meet WCAG contrast on white?

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

What text color is readable on #AFDBEB?

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