#3FC4CC

#3FC4CC

#CC473F

#CC473F

コントラスト比

2.2:1

Delta E

100.2

Very Different

50:50 ミックス

#AB8D83

カラー値

フォーマット #3FC4CC #CC473F
HEX #3FC4CC #CC473F
RGB 63, 196, 204 204, 71, 63
HSL 183.4, 58.0%, 52.4% 3.4, 58.0%, 52.4%
HSV 183.4, 69.1%, 80.0% 3.4, 69.1%, 80.0%
CMYK 69.1%, 3.9%, 0.0%, 20.0% 0.0%, 65.2%, 69.1%, 20.0%
OKLCH 0.7533 0.1122 200.9 0.5815 0.1701 27.1

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

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CC473F → 背景色: #3FC4CC

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

テキスト: #3FC4CC → 背景色: #CC473F

色差 (Delta E)

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

グラデーション

#3FC4CC #78B2B3 #97A09B #AB8D83 #B9786C #C46255 #CC473F

カラーミキシング

#3FC4CC

100%

#89A9A7

75:25

#AB8D83

50:50

#BF6D60

25:75

#CC473F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3FC4CC, #CC473F);
background: linear-gradient(135deg, #3FC4CC, #CC473F);

各色を詳しく見る

#3FC4CC

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

#CC473F

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

関連する比較