#338684

#338684

Overview

#338684 is a cool, light color. In RGB it is 51, 134, 132, in HSL 178.6°, 44.9%, 36.3%, and in CMYK 61.9%, 0.0%, 1.5%, 47.5%. The nearest named color is teal.

On this page

ค่าสี

HEX

#338684

RGB

51, 134, 132

HSL

178.6, 44.9%, 36.3%

HSV

178.6, 61.9%, 52.5%

CMYK

61.9%, 0.0%, 1.5%, 47.5%

OKLCH

0.5697 0.0792 192.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#338684

#863335

สีใกล้เคียง

#33865B

#335F86

#338684

สามสี

#338684

#843386

#868433

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

#338684

#86335F

#865B33

สี่สี

#338684

#5B3386

#863335

#5F8633

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

ต้นฉบับ

#338684

ตาบอดสีแดง

#575884

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

#524C85

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

#378585

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

#747474

การใช้งาน CSS

background-color: #338684;
color: #338684;
border-color: #338684;
Tailwind ที่ใกล้เคียงที่สุด: Teal 700 #0F766E

เฉดสี Tailwind

50
#F4FAFA
100
#E6F4F4
200
#CBEBEB
300
#A6DDDC
400
#76CBC9
500
#46B9B6
600
#389492
700
#2D7675
800
#235C5B
900
#1D4443
950
#122B2A

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

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

4.3:1

AA Fail AAA Fail

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

4.88:1

AA Pass AAA Fail

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

#338684
#863335
#338684
#FFFFFF
#000000
#338684

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

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

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 #338684?

RGB(51, 134, 132) · HSL(178.6, 44.9%, 36.3%) · CMYK(61.9%, 0.0%, 1.5%, 47.5%)

Does #338684 meet WCAG contrast on white?

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

What text color is readable on #338684?

Use 000000 text on a #338684 background; contrast on black is 4.88:1.