#86C0C7

#86C0C7

Overview

#86C0C7 is a cool, light color. In RGB it is 134, 192, 199, in HSL 186.5°, 36.7%, 65.3%, and in CMYK 32.7%, 3.5%, 0.0%, 22.0%. The nearest named color is cadetblue 3.

On this page

ค่าสี

HEX

#86C0C7

RGB

134, 192, 199

HSL

186.5, 36.7%, 65.3%

HSV

186.5, 32.7%, 78.0%

CMYK

32.7%, 3.5%, 0.0%, 22.0%

OKLCH

0.7704 0.0606 205.4

คุณสมบัติ

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

จิตวิทยาสี

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

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

สีตรงข้าม

#86C0C7

#C78D86

สีใกล้เคียง

#86C7AE

#869FC7

#86C0C7

สามสี

#86C0C7

#C786C0

#C0C786

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

#86C0C7

#C7869F

#C7AE86

สี่สี

#86C0C7

#AE86C7

#C78D86

#9FC786

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

ต้นฉบับ

#86C0C7

ตาบอดสีแดง

#9FA0C5

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

#9C97C5

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

#89C4C4

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

#B4B4B4

การใช้งาน CSS

background-color: #86C0C7;
color: #86C0C7;
border-color: #86C0C7;
Tailwind ที่ใกล้เคียงที่สุด: Sky 200 #BAE6FD

เฉดสี Tailwind

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ABD3D8
400
#7EBCC3
500
#51A4AE
600
#41838B
700
#346970
800
#285257
900
#203D40
950
#142729

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

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

2.02:1

AA Fail AAA Fail

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

10.38:1

AA Pass AAA Pass

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

#86C0C7
#C78D86
#86C0C7
#FFFFFF
#000000
#86C0C7

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

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

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 #86C0C7?

RGB(134, 192, 199) · HSL(186.5, 36.7%, 65.3%) · CMYK(32.7%, 3.5%, 0.0%, 22.0%)

Does #86C0C7 meet WCAG contrast on white?

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

What text color is readable on #86C0C7?

Use 000000 text on a #86C0C7 background; contrast on black is 10.38:1.