#10AF60

#10AF60

Overview

#10AF60 is a cool, light color. In RGB it is 16, 175, 96, in HSL 150.2°, 83.2%, 37.5%, and in CMYK 90.9%, 0.0%, 45.1%, 31.4%. The nearest named color is NCS S 1060-G Bright Green.

On this page

ค่าสี

HEX

#10AF60

RGB

16, 175, 96

HSL

150.2, 83.2%, 37.5%

HSV

150.2, 90.9%, 68.6%

CMYK

90.9%, 0.0%, 45.1%, 31.4%

OKLCH

0.6626 0.166 153.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 1060-G Bright Green

จิตวิทยาสี

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

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

สีตรงข้าม

#10AF60

#AF105F

สีใกล้เคียง

#10AF11

#10AFAF

#10AF60

สามสี

#10AF60

#6010AF

#AF6010

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

#10AF60

#AF10AF

#AF1110

สี่สี

#10AF60

#1110AF

#AF105F

#AFAF10

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

ต้นฉบับ

#10AF60

ตาบอดสีแดง

#555673

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

#4C4078

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

#188286

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

#878787

การใช้งาน CSS

background-color: #10AF60;

color: #10AF60;

border-color: #10AF60;

Tailwind ที่ใกล้เคียงที่สุด: Green 600 #16A34A

เฉดสี Tailwind

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

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

2.87:1

AA Fail AAA Fail

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

7.32:1

AA Pass AAA Pass

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

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

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

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 #10AF60?

RGB(16, 175, 96) · HSL(150.2, 83.2%, 37.5%) · CMYK(90.9%, 0.0%, 45.1%, 31.4%)

Does #10AF60 meet WCAG contrast on white?

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

What text color is readable on #10AF60?

Use 000000 text on a #10AF60 background; contrast on black is 7.32:1.