#3FBDCF

#3FBDCF

#CF513F

#CF513F

コントラスト比

1.92:1

Delta E

96.86

Very Different

50:50 ミックス

#AB8D85

カラー値

フォーマット #3FBDCF #CF513F
HEX #3FBDCF #CF513F
RGB 63, 189, 207 207, 81, 63
HSL 187.5, 60.0%, 52.9% 7.5, 60.0%, 52.9%
HSV 187.5, 69.6%, 81.2% 7.5, 69.6%, 81.2%
CMYK 69.6%, 8.7%, 0.0%, 18.8% 0.0%, 60.9%, 69.6%, 18.8%
OKLCH 0.7376 0.1102 208.7 0.5986 0.1634 30.6

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF513F → 背景色: #3FBDCF

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

テキスト: #3FBDCF → 背景色: #CF513F

色差 (Delta E)

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

グラデーション

#3FBDCF #78ADB6 #969D9D #AB8D85 #BB7B6D #C66756 #CF513F

カラーミキシング

#3FBDCF

100%

#89A5A9

75:25

#AB8D85

50:50

#C17161

25:75

#CF513F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3FBDCF, #CF513F);
background: linear-gradient(135deg, #3FBDCF, #CF513F);

各色を詳しく見る

#3FBDCF

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

#CF513F

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

関連する比較