#5ABCD9

#5ABCD9

#D9775A

#D9775A

コントラスト比

1.43:1

Delta E

79.92

Very Different

50:50 ミックス

#B29C98

カラー値

フォーマット #5ABCD9 #D9775A
HEX #5ABCD9 #D9775A
RGB 90, 188, 217 217, 119, 90
HSL 193.7, 62.6%, 60.2% 13.7, 62.6%, 60.2%
HSV 193.7, 58.5%, 85.1% 13.7, 58.5%, 85.1%
CMYK 58.5%, 13.4%, 0.0%, 14.9% 0.0%, 45.2%, 58.5%, 14.9%
OKLCH 0.7475 0.1004 220.0 0.6729 0.1297 37.3

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D9775A → 背景色: #5ABCD9

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

テキスト: #5ABCD9 → 背景色: #D9775A

色差 (Delta E)

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

グラデーション

#5ABCD9 #83B2C3 #9EA7AE #B29C98 #C29083 #CE846F #D9775A

カラーミキシング

#5ABCD9

100%

#92ACB8

75:25

#B29C98

50:50

#C88A79

25:75

#D9775A

100%

CSSグラデーションコード

background: linear-gradient(to right, #5ABCD9, #D9775A);
background: linear-gradient(135deg, #5ABCD9, #D9775A);

各色を詳しく見る

#5ABCD9

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

#D9775A

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

関連する比較