#5BAEAF

#5BAEAF

#AF5C5B

#AF5C5B

コントラスト比

1.8:1

Delta E

65.59

Very Different

50:50 ミックス

#958884

カラー値

フォーマット #5BAEAF #AF5C5B
HEX #5BAEAF #AF5C5B
RGB 91, 174, 175 175, 92, 91
HSL 180.7, 34.4%, 52.2% 0.7, 34.4%, 52.2%
HSV 180.7, 48.0%, 68.6% 0.7, 48.0%, 68.6%
CMYK 48.0%, 0.6%, 0.0%, 31.4% 0.0%, 47.4%, 48.0%, 31.4%
OKLCH 0.6993 0.0809 196.5 0.5725 0.1084 21.7

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

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF5C5B → 背景色: #5BAEAF

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

テキスト: #5BAEAF → 背景色: #AF5C5B

色差 (Delta E)

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

グラデーション

#5BAEAF #75A1A0 #879592 #958884 #A07A76 #A86B68 #AF5C5B

カラーミキシング

#5BAEAF

100%

#7F9B99

75:25

#958884

50:50

#A4736F

25:75

#AF5C5B

100%

CSSグラデーションコード

background: linear-gradient(to right, #5BAEAF, #AF5C5B);
background: linear-gradient(135deg, #5BAEAF, #AF5C5B);

各色を詳しく見る

#5BAEAF

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

#AF5C5B

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

関連する比較