#78C2DC

#78C2DC

Overview

#78C2DC is a cool, light color. In RGB it is 120, 194, 220, in HSL 195.6°, 58.8%, 66.7%, and in CMYK 45.5%, 11.8%, 0.0%, 13.7%. The nearest named color is skyblue.

On this page

ค่าสี

HEX

#78C2DC

RGB

120, 194, 220

HSL

195.6, 58.8%, 66.7%

HSV

195.6, 45.5%, 86.3%

CMYK

45.5%, 11.8%, 0.0%, 13.7%

OKLCH

0.7751 0.0824 222.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#78C2DC

#DC9278

สีใกล้เคียง

#78DCC4

#7890DC

#78C2DC

สามสี

#78C2DC

#DC78C2

#C2DC78

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

#78C2DC

#DC7890

#DCC478

สี่สี

#78C2DC

#C478DC

#DC9278

#90DC78

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

ต้นฉบับ

#78C2DC

ตาบอดสีแดง

#9899D6

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

#948ED4

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

#7CD1D0

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

#B4B4B4

การใช้งาน CSS

background-color: #78C2DC;
color: #78C2DC;
border-color: #78C2DC;
Tailwind ที่ใกล้เคียงที่สุด: Sky 300 #7DD3FC

เฉดสี Tailwind

50
#F4F9FB
100
#E4F1F6
200
#C6E5F0
300
#9ED3E6
400
#69BBD8
500
#35A3CA
600
#2A83A2
700
#226982
800
#1A5265
900
#173D4A
950
#0E262F

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

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

1.99:1

AA Fail AAA Fail

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

10.55:1

AA Pass AAA Pass

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

#78C2DC
#DC9278
#78C2DC
#FFFFFF
#000000
#78C2DC

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

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

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 #78C2DC?

RGB(120, 194, 220) · HSL(195.6, 58.8%, 66.7%) · CMYK(45.5%, 11.8%, 0.0%, 13.7%)

Does #78C2DC meet WCAG contrast on white?

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

What text color is readable on #78C2DC?

Use 000000 text on a #78C2DC background; contrast on black is 10.55:1.