#90BDF6

#90BDF6

Overview

#90BDF6 is a cool, light color. In RGB it is 144, 189, 246, in HSL 213.5°, 85.0%, 76.5%, and in CMYK 41.5%, 23.2%, 0.0%, 3.5%. The nearest named color is skyblue 2.

On this page

ค่าสี

HEX

#90BDF6

RGB

144, 189, 246

HSL

213.5, 85.0%, 76.5%

HSV

213.5, 41.5%, 96.5%

CMYK

41.5%, 23.2%, 0.0%, 3.5%

OKLCH

0.7876 0.0949 254.7

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#90BDF6

#F6C990

สีใกล้เคียง

#90F0F6

#9690F6

#90BDF6

สามสี

#90BDF6

#F690BD

#BDF690

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

#90BDF6

#F69690

#F0F690

สี่สี

#90BDF6

#F690F0

#F6C990

#90F696

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

ต้นฉบับ

#90BDF6

ตาบอดสีแดง

#A3A4E8

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

#A19EE5

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

#92DDDB

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

#B8B8B8

การใช้งาน CSS

background-color: #90BDF6;
color: #90BDF6;
border-color: #90BDF6;
Tailwind ที่ใกล้เคียงที่สุด: Blue 300 #93C5FD

เฉดสี Tailwind

50
#F2F7FD
100
#E0ECFA
200
#BDD8FA
300
#8EBCF6
400
#5097F1
500
#1373EC
600
#0F5CBD
700
#0C4A97
800
#0A3976
900
#0B2C56
950
#071C36

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

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

1.95:1

AA Fail AAA Fail

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

10.8:1

AA Pass AAA Pass

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

#90BDF6
#F6C990
#90BDF6
#FFFFFF
#000000
#90BDF6

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

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

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 #90BDF6?

RGB(144, 189, 246) · HSL(213.5, 85.0%, 76.5%) · CMYK(41.5%, 23.2%, 0.0%, 3.5%)

Does #90BDF6 meet WCAG contrast on white?

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

What text color is readable on #90BDF6?

Use 000000 text on a #90BDF6 background; contrast on black is 10.8:1.