#86BABE

#86BABE

Overview

#86BABE is a cool, light color. In RGB it is 134, 186, 190, in HSL 184.3°, 30.1%, 63.5%, and in CMYK 29.5%, 2.1%, 0.0%, 25.5%. The nearest named color is RAL 6034 Pastel Turquoise.

On this page

ค่าสี

HEX

#86BABE

RGB

134, 186, 190

HSL

184.3, 30.1%, 63.5%

HSV

184.3, 29.5%, 74.5%

CMYK

29.5%, 2.1%, 0.0%, 25.5%

OKLCH

0.754 0.0547 202.1

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: RAL 6034 Pastel Turquoise

จิตวิทยาสี

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.

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

สีตรงข้าม

#86BABE

#BE8A86

สีใกล้เคียง

#86BEA6

#869EBE

#86BABE

สามสี

#86BABE

#BE86BA

#BABE86

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

#86BABE

#BE869E

#BEA686

สี่สี

#86BABE

#A686BE

#BE8A86

#9EBE86

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

ต้นฉบับ

#86BABE

ตาบอดสีแดง

#9D9DBD

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

#9A96BD

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

#89BCBC

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

#AFAFAF

การใช้งาน CSS

background-color: #86BABE;
color: #86BABE;
border-color: #86BABE;
Tailwind ที่ใกล้เคียงที่สุด: Gray 400 #9CA3AF

เฉดสี Tailwind

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#AFD2D4
400
#84B9BD
500
#59A0A6
600
#478085
700
#39676A
800
#2D5053
900
#233C3E
950
#162627

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

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

2.15:1

AA Fail AAA Fail

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

9.78:1

AA Pass AAA Pass

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

#86BABE
#BE8A86
#86BABE
#FFFFFF
#000000
#86BABE

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

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

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

RGB(134, 186, 190) · HSL(184.3, 30.1%, 63.5%) · CMYK(29.5%, 2.1%, 0.0%, 25.5%)

Does #86BABE meet WCAG contrast on white?

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

What text color is readable on #86BABE?

Use 000000 text on a #86BABE background; contrast on black is 9.78:1.