#5DA5BF

#5DA5BF

Overview

#5DA5BF is a cool, light color. In RGB it is 93, 165, 191, in HSL 195.9°, 43.4%, 55.7%, and in CMYK 51.3%, 13.6%, 0.0%, 25.1%. The nearest named color is Maximum Blue.

On this page

ค่าสี

HEX

#5DA5BF

RGB

93, 165, 191

HSL

195.9, 43.4%, 55.7%

HSV

195.9, 51.3%, 74.9%

CMYK

51.3%, 13.6%, 0.0%, 25.1%

OKLCH

0.6849 0.0816 223.6

คุณสมบัติ

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

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

#5DA5BF

#BF775D

สีใกล้เคียง

#5DBFA8

#5D74BF

#5DA5BF

สามสี

#5DA5BF

#BF5DA5

#A5BF5D

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

#5DA5BF

#BF5D74

#BFA85D

สี่สี

#5DA5BF

#A85DBF

#BF775D

#74BF5D

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

ต้นฉบับ

#5DA5BF

ตาบอดสีแดง

#7C7DB9

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

#7873B7

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

#61B4B3

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

#989898

การใช้งาน CSS

background-color: #5DA5BF;
color: #5DA5BF;
border-color: #5DA5BF;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 600 #0891B2

เฉดสี Tailwind

50
#F5F9FA
100
#E7F0F4
200
#CCE3EB
300
#A7CEDC
400
#78B4CA
500
#489AB7
600
#3A7B92
700
#2E6275
800
#244D5B
900
#1E3943
950
#13242B

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

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

2.76:1

AA Fail AAA Fail

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

7.6:1

AA Pass AAA Pass

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

#5DA5BF
#BF775D
#5DA5BF
#FFFFFF
#000000
#5DA5BF

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

บทเรียนแนะนำ

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

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

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

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

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

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

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

RGB(93, 165, 191) · HSL(195.9, 43.4%, 55.7%) · CMYK(51.3%, 13.6%, 0.0%, 25.1%)

Does #5DA5BF meet WCAG contrast on white?

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

What text color is readable on #5DA5BF?

Use 000000 text on a #5DA5BF background; contrast on black is 7.6:1.