#ECF758

#ECF758

カラー値

HEX

#ECF758

RGB

236, 247, 88

HSL

64.2, 90.9%, 65.7%

HSV

64.2, 64.4%, 96.9%

CMYK

4.5%, 0.0%, 64.4%, 3.1%

OKLCH

0.9396 0.1772 113.1

プロパティ

寒色 明るい 最も近い： Unmellow Yellow

色彩心理学

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

カラーハーモニー

補色

#ECF758

#6358F7

類似色

#F7B358

#9CF758

#ECF758

トライアド

#ECF758

#58ECF7

#F758EC

スプリット補色

#ECF758

#589CF7

#B358F7

テトラード

#ECF758

#58F7B3

#6358F7

#F7589C

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

オリジナル

#ECF758

第1色覚異常

#F1F17E

第2色覚異常

#F0EF88

第3色覚異常

#ED9DA4

全色盲

#E9E9E9

CSS使用法

background-color: #ECF758;
color: #ECF758;
border-color: #ECF758;
最も近いTailwind： Yellow 300 #FDE047

Tailwindシェード

50
#FCFDF1
100
#F9FBDF
200
#F7FCBB
300
#F2F98A
400
#EAF64B
500
#E3F30C
600
#B6C309
700
#919C07
800
#727A06
900
#535809
950
#343806

コントラストチェッカー

白背景のテキスト

1.17:1

AA Fail AAA Fail

黒背景のテキスト

18.01:1

AA Pass AAA Pass

比較する

#ECF758
#6358F7
#ECF758
#FFFFFF
#000000
#ECF758

関連記事

チュートリアル

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

RGB(236, 247, 88) · HSL(64.2, 90.9%, 65.7%) · CMYK(4.5%, 0.0%, 64.4%, 3.1%)

Does #ECF758 meet WCAG contrast on white?

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

What text color is readable on #ECF758?

Use 000000 text on a #ECF758 background; contrast on black is 18.01:1.