#6FDBDF

#6FDBDF

#DF736F

#DF736F

コントラスト比

1.89:1

Delta E

81.49

Very Different

50:50 ミックス

#BDAAA5

カラー値

フォーマット #6FDBDF #DF736F
HEX #6FDBDF #DF736F
RGB 111, 219, 223 223, 115, 111
HSL 182.1, 63.6%, 65.5% 2.1, 63.6%, 65.5%
HSV 182.1, 50.2%, 87.5% 2.1, 50.2%, 87.5%
CMYK 50.2%, 1.8%, 0.0%, 12.5% 0.0%, 48.4%, 50.2%, 12.5%
OKLCH 0.8291 0.0997 198.6 0.6786 0.1354 23.5

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF736F → 背景色: #6FDBDF

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

テキスト: #6FDBDF → 背景色: #DF736F

色差 (Delta E)

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

グラデーション

#6FDBDF #93CBCB #ABBBB8 #BDAAA5 #CB9993 #D68781 #DF736F

カラーミキシング

#6FDBDF

100%

#A0C3C2

75:25

#BDAAA5

50:50

#D1908A

25:75

#DF736F

100%

CSSグラデーションコード

background: linear-gradient(to right, #6FDBDF, #DF736F);
background: linear-gradient(135deg, #6FDBDF, #DF736F);

各色を詳しく見る

#6FDBDF

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

#DF736F

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

関連する比較