#65DAFF

#65DAFF

カラー値

HEX

#65DAFF

RGB

101, 218, 255

HSL

194.4, 100.0%, 69.8%

HSV

194.4, 60.4%, 100.0%

CMYK

60.4%, 14.5%, 0.0%, 0.0%

OKLCH

0.8349 0.1169 221.7

プロパティ

寒色 明るい 最も近い： skyblue

色彩心理学

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.

カラーハーモニー

補色

#65DAFF

#FF8A65

類似色

#65FFD7

#658DFF

#65DAFF

トライアド

#65DAFF

#FF65DA

#DAFF65

スプリット補色

#65DAFF

#FF658D

#FFD765

テトラード

#65DAFF

#D765FF

#FF8A65

#8DFF65

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

オリジナル

#65DAFF

第1色覚異常

#9899F6

第2色覚異常

#9188F4

第3色覚異常

#6BEFED

全色盲

#C4C4C4

CSS使用法

background-color: #65DAFF;
color: #65DAFF;
border-color: #65DAFF;
最も近いTailwind： Sky 300 #7DD3FC

Tailwindシェード

50
#F1FBFE
100
#DEF5FC
200
#B8EEFF
300
#85E2FF
400
#42D2FF
500
#00C2FF
600
#009BCC
700
#007CA3
800
#006180
900
#05475C
950
#032D3A

コントラストチェッカー

白背景のテキスト

1.61:1

AA Fail AAA Fail

黒背景のテキスト

13.03:1

AA Pass AAA Pass

比較する

#65DAFF
#FF8A65
#65DAFF
#FFFFFF
#000000
#65DAFF

関連記事

チュートリアル

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 #65DAFF?

RGB(101, 218, 255) · HSL(194.4, 100.0%, 69.8%) · CMYK(60.4%, 14.5%, 0.0%, 0.0%)

Does #65DAFF meet WCAG contrast on white?

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

What text color is readable on #65DAFF?

Use 000000 text on a #65DAFF background; contrast on black is 13.03:1.