#6CD2DF

#6CD2DF

#DF796C

#DF796C

コントラスト比

1.68:1

Delta E

77.91

Very Different

50:50 ミックス

#BBA8A4

カラー値

フォーマット #6CD2DF #DF796C
HEX #6CD2DF #DF796C
RGB 108, 210, 223 223, 121, 108
HSL 186.8, 64.2%, 64.9% 6.8, 64.2%, 64.9%
HSV 186.8, 51.6%, 87.5% 6.8, 51.6%, 87.5%
CMYK 51.6%, 5.8%, 0.0%, 12.5% 0.0%, 45.7%, 51.6%, 12.5%
OKLCH 0.8073 0.0967 206.4 0.6873 0.1291 28.5

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

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF796C → 背景色: #6CD2DF

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

テキスト: #6CD2DF → 背景色: #DF796C

色差 (Delta E)

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

グラデーション

#6CD2DF #90C4CB #A8B7B7 #BBA8A4 #CA9991 #D58A7E #DF796C

カラーミキシング

#6CD2DF

100%

#9DBEC1

75:25

#BBA8A4

50:50

#D09288

25:75

#DF796C

100%

CSSグラデーションコード

background: linear-gradient(to right, #6CD2DF, #DF796C);
background: linear-gradient(135deg, #6CD2DF, #DF796C);

各色を詳しく見る

#6CD2DF

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

#DF796C

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

関連する比較