#697DEC

#697DEC

Giá trị màu sắc

HEX

#697DEC

RGB

105, 125, 236

HSL

230,8, 77,5%, 66,9%

HSV

230,8, 55,5%, 92,5%

CMYK

55,5%, 47,0%, 0,0%, 7,5%

OKLCH

0,6282 0,167 273,0

Thuộc tính

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

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

#697DEC

#ECD869

Tương tự

#69BFEC

#9769EC

#697DEC

Bộ ba

#697DEC

#EC697D

#7DEC69

Bổ sung phân tách

#697DEC

#EC9769

#BFEC69

Bộ bốn

#697DEC

#EC69BF

#ECD869

#69EC97

Mô phỏng mù màu

Gốc

#697DEC

Mù màu đỏ

#7272D1

Mù màu xanh lá

#706FCB

Mù màu xanh dương

#6ABCB7

Mù màu toàn phần

#818181

Sử dụng CSS

background-color: #697DEC;
color: #697DEC;
border-color: #697DEC;
Tailwind gần nhất: Indigo 400 #818CF8

Sắc độ Tailwind

50
#F2F4FC
100
#E1E5F9
200
#C0C8F7
300
#92A1F1
400
#586EEA
500
#1D3BE2
600
#172FB5
700
#122691
800
#0E1D71
900
#0F1952
950
#091034

Kiểm tra tương phản

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

3,66:1

AA Fail AAA Fail

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

5,75:1

AA Pass AAA Fail

So sánh với

#697DEC
#ECD869
#697DEC
#FFFFFF
#000000
#697DEC

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 #697DEC?

RGB(105, 125, 236) · HSL(230,8, 77,5%, 66,9%) · CMYK(55,5%, 47,0%, 0,0%, 7,5%)

Does #697DEC meet WCAG contrast on white?

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

What text color is readable on #697DEC?

Use 000000 text on a #697DEC background; contrast on black is 5,75:1.