WEB色見本辞典

PURPOSE-UI

インフォ 400

Info 400

配色類似色補色グラデーションコード変換

カラーコード

HEX#69C0DD

RGBrgb(105, 192, 221)

HSLhsl(195, 63%, 64%)

HSVhsv(195, 52%, 87%)

CMYKcmyk(52%, 13%, 0%, 13%)

CSS変数--color: #69C0DD;

背景色background-color: #69C0DD;

文字色color: #69C0DD;

文字色コントラスト

黒文字コントラスト比 10.18 : 1AAA

白文字コントラスト比 2.06 : 1通常文字は不適合

明度違いのカラーパレット

補色

類似色

分裂補色

トライアド