#CEEB8F

#CEEB8F

カラー値

HEX

#CEEB8F

RGB

206, 235, 143

HSL

78.9, 69.7%, 74.1%

HSV

78.9, 39.1%, 92.2%

CMYK

12.3%, 0.0%, 39.1%, 7.8%

OKLCH

0.8982 0.1213 123.1

プロパティ

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

色彩心理学

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

カラーハーモニー

補色

#CEEB8F

#AC8FEB

類似色

#EBDA8F

#A0EB8F

#CEEB8F

トライアド

#CEEB8F

#8FCEEB

#EB8FCE

スプリット補色

#CEEB8F

#8FA0EB

#DA8FEB

テトラード

#CEEB8F

#8FEBDA

#AC8FEB

#EB8FA0

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

オリジナル

#CEEB8F

第1色覚異常

#DBDBA5

第2色覚異常

#D9D7AB

第3色覚異常

#CFB7BB

全色盲

#DEDEDE

CSS使用法

background-color: #CEEB8F;
color: #CEEB8F;
border-color: #CEEB8F;
最も近いTailwind： Lime 200 #D9F99D

Tailwindシェード

50
#F9FCF3
100
#F1F8E3
200
#E5F4C2
300
#D2EC97
400
#B9E25F
500
#A0D827
600
#80AD1F
700
#678A19
800
#506C13
900
#3C4F12
950
#26320B

コントラストチェッカー

白背景のテキスト

1.32:1

AA Fail AAA Fail

黒背景のテキスト

15.9:1

AA Pass AAA Pass

比較する

#CEEB8F
#AC8FEB
#CEEB8F
#FFFFFF
#000000
#CEEB8F

関連記事

チュートリアル

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

RGB(206, 235, 143) · HSL(78.9, 69.7%, 74.1%) · CMYK(12.3%, 0.0%, 39.1%, 7.8%)

Does #CEEB8F meet WCAG contrast on white?

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

What text color is readable on #CEEB8F?

Use 000000 text on a #CEEB8F background; contrast on black is 15.9:1.