WEB色見本辞典

PURPOSE-UI

インフォ 500

Info 500

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

カラーコード

HEX#31AED8

RGBrgb(49, 174, 216)

HSLhsl(195, 68%, 52%)

HSVhsv(195, 77%, 85%)

CMYKcmyk(77%, 19%, 0%, 15%)

CSS変数--color: #31AED8;

背景色background-color: #31AED8;

文字色color: #31AED8;

文字色コントラスト

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

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

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

補色

類似色

分裂補色

トライアド