#83D9DA

#83D9DA

カラー値

HEX

#83D9DA

RGB

131, 217, 218

HSL

180.7, 54.0%, 68.4%

HSV

180.7, 39.9%, 85.5%

CMYK

39.9%, 0.5%, 0.0%, 14.5%

OKLCH

0.8315 0.0834 196.6

プロパティ

寒色 明るい 最も近い： cadetblue 2

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

カラーハーモニー

補色

#83D9DA

#DA8483

類似色

#83DAAF

#83ADDA

#83D9DA

トライアド

#83D9DA

#DA83D9

#D9DA83

スプリット補色

#83D9DA

#DA83AD

#DAAF83

テトラード

#83D9DA

#AF83DA

#DA8483

#ADDA83

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

オリジナル

#83D9DA

第1色覚異常

#A8A9DA

第2色覚異常

#A39DDA

第3色覚異常

#87DADA

全色盲

#C7C7C7

CSS使用法

background-color: #83D9DA;
color: #83D9DA;
border-color: #83D9DA;
最も近いTailwind： Cyan 200 #A5F3FC

Tailwindシェード

50
#F4FBFB
100
#E5F5F5
200
#C8EEEF
300
#A1E2E3
400
#6ED2D4
500
#3BC3C4
600
#2F9C9D
700
#267D7E
800
#1D6162
900
#194748
950
#102D2D

コントラストチェッカー

白背景のテキスト

1.63:1

AA Fail AAA Fail

黒背景のテキスト

12.9:1

AA Pass AAA Pass

比較する

#83D9DA
#DA8483
#83D9DA
#FFFFFF
#000000
#83D9DA

関連記事

チュートリアル

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 #83D9DA?

RGB(131, 217, 218) · HSL(180.7, 54.0%, 68.4%) · CMYK(39.9%, 0.5%, 0.0%, 14.5%)

Does #83D9DA meet WCAG contrast on white?

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

What text color is readable on #83D9DA?

Use 000000 text on a #83D9DA background; contrast on black is 12.9:1.