#309897

#309897

Overview

#309897 is a cool, light color. In RGB it is 48, 152, 151, in HSL 179.4°, 52.0%, 39.2%, and in CMYK 68.4%, 0.0%, 0.7%, 40.4%. The nearest named color is darkcyan.

On this page

ค่าสี

HEX

#309897

RGB

48, 152, 151

HSL

179.4, 52.0%, 39.2%

HSV

179.4, 68.4%, 59.6%

CMYK

68.4%, 0.0%, 0.7%, 40.4%

OKLCH

0.6218 0.0924 194.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#309897

#983031

สีใกล้เคียง

#309863

#306598

#309897

สามสี

#309897

#973098

#989730

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

#309897

#983065

#986330

สี่สี

#309897

#633098

#983031

#659830

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

ต้นฉบับ

#309897

ตาบอดสีแดง

#5D5E97

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

#574F97

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

#359797

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

#828282

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E2E1
400
#70D2D1
500
#3DC2C0
600
#319B9A
700
#277C7B
800
#1F6160
900
#1A4747
950
#102D2D

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

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

3.46:1

AA Fail AAA Fail

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

6.06:1

AA Pass AAA Fail

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

#309897
#983031
#309897
#FFFFFF
#000000
#309897

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

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

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

RGB(48, 152, 151) · HSL(179.4, 52.0%, 39.2%) · CMYK(68.4%, 0.0%, 0.7%, 40.4%)

Does #309897 meet WCAG contrast on white?

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

What text color is readable on #309897?

Use 000000 text on a #309897 background; contrast on black is 6.06:1.