#6CBCEC

#6CBCEC

Overview

#6CBCEC is a cool, light color. In RGB it is 108, 188, 236, in HSL 202.5°, 77.1%, 67.5%, and in CMYK 54.2%, 20.3%, 0.0%, 7.5%. The nearest named color is skyblue 2.

On this page

ค่าสี

HEX

#6CBCEC

RGB

108, 188, 236

HSL

202.5, 77.1%, 67.5%

HSV

202.5, 54.2%, 92.5%

CMYK

54.2%, 20.3%, 0.0%, 7.5%

OKLCH

0.7626 0.1047 236.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.

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

สีตรงข้าม

#6CBCEC

#EC9C6C

สีใกล้เคียง

#6CECDC

#6C7CEC

#6CBCEC

สามสี

#6CBCEC

#EC6CBC

#BCEC6C

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

#6CBCEC

#EC6C7C

#ECDC6C

สี่สี

#6CBCEC

#DC6CEC

#EC9C6C

#7CEC6C

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

ต้นฉบับ

#6CBCEC

ตาบอดสีแดง

#8F8FE0

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

#8A84DE

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

#70D7D5

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

#AEAEAE

การใช้งาน CSS

background-color: #6CBCEC;
color: #6CBCEC;
border-color: #6CBCEC;
Tailwind ที่ใกล้เคียงที่สุด: Sky 400 #38BDF8

เฉดสี Tailwind

50
#F2F9FC
100
#E1F0F9
200
#C0E2F7
300
#93CEF1
400
#58B3E9
500
#1D98E2
600
#177AB5
700
#136191
800
#0F4C71
900
#0F3952
950
#092434

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

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

2.09:1

AA Fail AAA Fail

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

10.04:1

AA Pass AAA Pass

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

#6CBCEC
#EC9C6C
#6CBCEC
#FFFFFF
#000000
#6CBCEC

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

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

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 #6CBCEC?

RGB(108, 188, 236) · HSL(202.5, 77.1%, 67.5%) · CMYK(54.2%, 20.3%, 0.0%, 7.5%)

Does #6CBCEC meet WCAG contrast on white?

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

What text color is readable on #6CBCEC?

Use 000000 text on a #6CBCEC background; contrast on black is 10.04:1.