#20848F

#20848F

Overview

#20848F is a cool, light color. In RGB it is 32, 132, 143, in HSL 185.9°, 63.4%, 34.3%, and in CMYK 77.6%, 7.7%, 0.0%, 43.9%. The nearest named color is RAL 5018 Turquoise Blue.

On this page

ค่าสี

HEX

#20848F

RGB

32, 132, 143

HSL

185.9, 63.4%, 34.3%

HSV

185.9, 77.6%, 56.1%

CMYK

77.6%, 7.7%, 0.0%, 43.9%

OKLCH

0.5637 0.0881 206.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#20848F

#8F2B20

สีใกล้เคียง

#208F62

#204D8F

#20848F

สามสี

#20848F

#8F2084

#848F20

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

#20848F

#8F204D

#8F6220

สี่สี

#20848F

#62208F

#8F2B20

#4D8F20

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

ต้นฉบับ

#20848F

ตาบอดสีแดง

#4B4C8C

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

#463E8C

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

#258A8A

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

#707070

การใช้งาน CSS

background-color: #20848F;
color: #20848F;
border-color: #20848F;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 700 #0E7490

เฉดสี Tailwind

50
#F3FBFB
100
#E4F5F7
200
#C5EDF2
300
#9BE1E9
400
#65D1DC
500
#2FC0D0
600
#259AA7
700
#1E7B85
800
#176068
900
#15474C
950
#0D2D30

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

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

4.41:1

AA Fail AAA Fail

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

4.76:1

AA Pass AAA Fail

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

#20848F
#8F2B20
#20848F
#FFFFFF
#000000
#20848F

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

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

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 #20848F?

RGB(32, 132, 143) · HSL(185.9, 63.4%, 34.3%) · CMYK(77.6%, 7.7%, 0.0%, 43.9%)

Does #20848F meet WCAG contrast on white?

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

What text color is readable on #20848F?

Use 000000 text on a #20848F background; contrast on black is 4.76:1.