#699EFD

#699EFD

Overview

#699EFD is a cool, light color. In RGB it is 105, 158, 253, in HSL 218.5°, 97.4%, 70.2%, and in CMYK 58.5%, 37.5%, 0.0%, 0.8%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#699EFD

RGB

105, 158, 253

HSL

218.5, 97.4%, 70.2%

HSV

218.5, 58.5%, 99.2%

CMYK

58.5%, 37.5%, 0.0%, 0.8%

OKLCH

0.7048 0.1509 261.3

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: cornflowerblue

จิตวิทยาสี

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.

ความกลมกลืนของสี

สีตรงข้าม

#699EFD

#FDC869

สีใกล้เคียง

#69E8FD

#7E69FD

#699EFD

สามสี

#699EFD

#FD699E

#9EFD69

สีตรงข้ามแบบแยก

#699EFD

#FD7E69

#E8FD69

สี่สี

#699EFD

#FD69E8

#FDC869

#69FD7E

การจำลองตาบอดสี

ต้นฉบับ

#699EFD

ตาบอดสีแดง

#8080E6

ตาบอดสีเขียว

#7D79E0

ตาบอดสีน้ำเงิน

#6CD4D0

ตาบอดสีทั้งหมด

#9A9A9A

การใช้งาน CSS

background-color: #699EFD;
color: #699EFD;
border-color: #699EFD;
Tailwind ที่ใกล้เคียงที่สุด: Blue 400 #60A5FA

เฉดสี Tailwind

50
#F1F6FE
100
#DEE9FC
200
#B9D1FE
300
#86B1FD
400
#4587FD
500
#035CFC
600
#034AC9
700
#023BA1
800
#022E7E
900
#06245B
950
#041739

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

2.65:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

7.91:1

AA Pass AAA Pass

เปรียบเทียบกับ

#699EFD
#FDC869
#699EFD
#FFFFFF
#000000
#699EFD

บทความที่เกี่ยวข้อง

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

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

RGB(105, 158, 253) · HSL(218.5, 97.4%, 70.2%) · CMYK(58.5%, 37.5%, 0.0%, 0.8%)

Does #699EFD meet WCAG contrast on white?

2.65:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #699EFD?

Use 000000 text on a #699EFD background; contrast on black is 7.91:1.