#77CCB6

#77CCB6

カラー値

HEX

#77CCB6

RGB

119, 204, 182

HSL

164.5, 45.5%, 63.3%

HSV

164.5, 41.7%, 80.0%

CMYK

41.7%, 0.0%, 10.8%, 20.0%

OKLCH

0.785 0.0893 175.3

プロパティ

寒色 明るい 最も近い： NCS S 0520-B70G Mint

色彩心理学

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.

カラーハーモニー

補色

#77CCB6

#CC778D

類似色

#77CC8B

#77B7CC

#77CCB6

トライアド

#77CCB6

#B677CC

#CCB677

スプリット補色

#77CCB6

#CC77B7

#CC8B77

テトラード

#77CCB6

#8B77CC

#CC778D

#B7CC77

色覚異常シミュレーション

オリジナル

#77CCB6

第1色覚異常

#9C9DBB

第2色覚異常

#9790BD

第3色覚異常

#7BC0C0

全色盲

#B8B8B8

CSS使用法

background-color: #77CCB6;
color: #77CCB6;
border-color: #77CCB6;
最も近いTailwind： Teal 200 #99F6E4

Tailwindシェード

50
#F4FAF9
100
#E6F4F0
200
#CBECE3
300
#A6DECF
400
#76CCB5
500
#45BA9C
600
#38947C
700
#2C7764
800
#235D4E
900
#1D443A
950
#122B25

コントラストチェッカー

白背景のテキスト

1.89:1

AA Fail AAA Fail

黒背景のテキスト

11.1:1

AA Pass AAA Pass

比較する

#77CCB6
#CC778D
#77CCB6
#FFFFFF
#000000
#77CCB6

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #77CCB6?

RGB(119, 204, 182) · HSL(164.5, 45.5%, 63.3%) · CMYK(41.7%, 0.0%, 10.8%, 20.0%)

Does #77CCB6 meet WCAG contrast on white?

1.89:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #77CCB6?

Use 000000 text on a #77CCB6 background; contrast on black is 11.1:1.