#3DABC9

#3DABC9

#C95B3D

#C95B3D

コントラスト比

1.56:1

Delta E

89.68

Very Different

50:50 ミックス

#A48782

カラー値

フォーマット #3DABC9 #C95B3D
HEX #3DABC9 #C95B3D
RGB 61, 171, 201 201, 91, 61
HSL 192.9, 56.5%, 51.4% 12.9, 56.5%, 51.4%
HSV 192.9, 69.7%, 78.8% 12.9, 69.7%, 78.8%
CMYK 69.7%, 14.9%, 0.0%, 21.2% 0.0%, 54.7%, 69.7%, 21.2%
OKLCH 0.6916 0.1064 219.6 0.6029 0.1475 36.2

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C95B3D → 背景色: #3DABC9

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

テキスト: #3DABC9 → 背景色: #C95B3D

色差 (Delta E)

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

グラデーション

#3DABC9 #729FB1 #8F9399 #A48782 #B3796B #BF6B54 #C95B3D

カラーミキシング

#3DABC9

100%

#8299A5

75:25

#A48782

50:50

#BA725F

25:75

#C95B3D

100%

CSSグラデーションコード

background: linear-gradient(to right, #3DABC9, #C95B3D);
background: linear-gradient(135deg, #3DABC9, #C95B3D);

各色を詳しく見る

#3DABC9

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

#C95B3D

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

関連する比較