#6599DF

#6599DF

#DFAB65

#DFAB65

コントラスト比

1.41:1

Delta E

84.97

Very Different

50:50 ミックス

#B3A1A4

カラー値

フォーマット #6599DF #DFAB65
HEX #6599DF #DFAB65
RGB 101, 153, 223 223, 171, 101
HSL 214.4, 65.6%, 63.5% 34.4, 65.6%, 63.5%
HSV 214.4, 54.7%, 87.5% 34.4, 54.7%, 87.5%
CMYK 54.7%, 31.4%, 0.0%, 12.5% 0.0%, 23.3%, 54.7%, 12.5%
OKLCH 0.6763 0.1184 256.2 0.7747 0.1068 73.3

コントラストとアクセシビリティ

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DFAB65 → 背景色: #6599DF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #6599DF → 背景色: #DFAB65

色差 (Delta E)

84.97 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#6599DF #879CCB #9F9EB7 #B3A1A4 #C4A48F #D2A87B #DFAB65

カラーミキシング

#6599DF

100%

#949DC1

75:25

#B3A1A4

50:50

#CBA685

25:75

#DFAB65

100%

CSSグラデーションコード

background: linear-gradient(to right, #6599DF, #DFAB65);
background: linear-gradient(135deg, #6599DF, #DFAB65);

各色を詳しく見る

#6599DF

カラーの詳細をすべて見る

#DFAB65

カラーの詳細をすべて見る

関連する比較