#336C79

#336C79

Overview

#336C79 is a cool, dark color. In RGB it is 51, 108, 121, in HSL 191.1°, 40.7%, 33.7%, and in CMYK 57.9%, 10.7%, 0.0%, 52.5%. The nearest named color is RAL 5021 Water Blue.

On this page

ค่าสี

HEX

#336C79

RGB

51, 108, 121

HSL

191.1, 40.7%, 33.7%

HSV

191.1, 57.9%, 47.5%

CMYK

57.9%, 10.7%, 0.0%, 52.5%

OKLCH

0.4984 0.0629 214.7

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 5021 Water 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.

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

สีตรงข้าม

#336C79

#794033

สีใกล้เคียง

#337963

#334979

#336C79

สามสี

#336C79

#79336C

#6C7933

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

#336C79

#793349

#796333

สี่สี

#336C79

#633379

#794033

#497933

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

ต้นฉบับ

#336C79

ตาบอดสีแดง

#4C4C76

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

#484475

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

#367373

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

#616161

การใช้งาน CSS

background-color: #336C79;
color: #336C79;
border-color: #336C79;
Tailwind ที่ใกล้เคียงที่สุด: Cyan 800 #155E75

เฉดสี Tailwind

50
#F5F9FA
100
#E7F1F3
200
#CDE4EA
300
#A9D1DB
400
#7AB9C7
500
#4CA0B3
600
#3C8090
700
#306773
800
#26505A
900
#1F3C42
950
#13262A

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

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

5.9:1

AA Pass AAA Fail

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

3.56:1

AA Fail AAA Fail

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

#336C79
#794033
#336C79
#FFFFFF
#000000
#336C79

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

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

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 #336C79?

RGB(51, 108, 121) · HSL(191.1, 40.7%, 33.7%) · CMYK(57.9%, 10.7%, 0.0%, 52.5%)

Does #336C79 meet WCAG contrast on white?

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

What text color is readable on #336C79?

Use FFFFFF text on a #336C79 background; contrast on black is 3.56:1.