#87B367

#87B367

Overview

#87B367 is a cool, light color. In RGB it is 135, 179, 103, in HSL 94.7°, 33.3%, 55.3%, and in CMYK 24.6%, 0.0%, 42.5%, 29.8%. The nearest named color is Asparagus.

On this page

ค่าสี

HEX

#87B367

RGB

135, 179, 103

HSL

94.7, 33.3%, 55.3%

HSV

94.7, 42.5%, 70.2%

CMYK

24.6%, 0.0%, 42.5%, 29.8%

OKLCH

0.7168 0.1142 133.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#87B367

#9367B3

สีใกล้เคียง

#ADB367

#67B36D

#87B367

สามสี

#87B367

#6787B3

#B36787

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

#87B367

#6D67B3

#B367AD

สี่สี

#87B367

#67ADB3

#9367B3

#B36D67

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

ต้นฉบับ

#87B367

ตาบอดสีแดง

#9A9A79

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

#98947E

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

#89888B

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

#A4A4A4

การใช้งาน CSS

background-color: #87B367;

color: #87B367;

border-color: #87B367;

Tailwind ที่ใกล้เคียงที่สุด: Lime 700 #4D7C0F

เฉดสี Tailwind

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

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

2.42:1

AA Fail AAA Fail

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

8.67: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 #87B367?

RGB(135, 179, 103) · HSL(94.7, 33.3%, 55.3%) · CMYK(24.6%, 0.0%, 42.5%, 29.8%)

Does #87B367 meet WCAG contrast on white?

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

What text color is readable on #87B367?

Use 000000 text on a #87B367 background; contrast on black is 8.67:1.