#5FD8DF

#5FD8DF

#DF665F

#DF665F

コントラスト比

1.99:1

Delta E

90.98

Very Different

50:50 ミックス

#BBA49D

カラー値

フォーマット #5FD8DF #DF665F
HEX #5FD8DF #DF665F
RGB 95, 216, 223 223, 102, 95
HSL 183.3, 66.7%, 62.4% 3.3, 66.7%, 62.4%
HSV 183.3, 57.4%, 87.5% 3.3, 57.4%, 87.5%
CMYK 57.4%, 3.1%, 0.0%, 12.5% 0.0%, 54.3%, 57.4%, 12.5%
OKLCH 0.8165 0.108 200.5 0.6563 0.1529 25.5

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

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF665F → 背景色: #5FD8DF

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

テキスト: #5FD8DF → 背景色: #DF665F

色差 (Delta E)

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

グラデーション

#5FD8DF #8CC7C9 #A7B6B3 #BBA49D #CA9188 #D67D73 #DF665F

カラーミキシング

#5FD8DF

100%

#9BBEBD

75:25

#BBA49D

50:50

#D1877D

25:75

#DF665F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5FD8DF, #DF665F);
background: linear-gradient(135deg, #5FD8DF, #DF665F);

各色を詳しく見る

#5FD8DF

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

#DF665F

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

関連する比較