#3BB5DF

#3BB5DF

#DF653B

#DF653B

コントラスト比

1.46:1

Delta E

100.97

Very Different

50:50 ミックス

#B4918C

カラー値

フォーマット #3BB5DF #DF653B
HEX #3BB5DF #DF653B
RGB 59, 181, 223 223, 101, 59
HSL 195.4, 71.9%, 55.3% 15.4, 71.9%, 55.3%
HSV 195.4, 73.5%, 87.5% 15.4, 73.5%, 87.5%
CMYK 73.5%, 18.8%, 0.0%, 12.5% 0.0%, 54.7%, 73.5%, 12.5%
OKLCH 0.7243 0.1205 225.5 0.6496 0.163 39.0

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF653B → 背景色: #3BB5DF

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

テキスト: #3BB5DF → 背景色: #DF653B

色差 (Delta E)

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

グラデーション

#3BB5DF #7CA9C3 #9D9DA7 #B4918C #C68371 #D47556 #DF653B

カラーミキシング

#3BB5DF

100%

#8EA3B5

75:25

#B4918C

50:50

#CD7C64

25:75

#DF653B

100%

CSSグラデーションコード

background: linear-gradient(to right, #3BB5DF, #DF653B);
background: linear-gradient(135deg, #3BB5DF, #DF653B);

各色を詳しく見る

#3BB5DF

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

#DF653B

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

関連する比較