#4DF3F5

#4DF3F5

#F54F4D

#F54F4D

コントラスト比

2.53:1

Delta E

119.52

Very Different

50:50 ミックス

#CFAB9D

カラー値

フォーマット #4DF3F5 #F54F4D
HEX #4DF3F5 #F54F4D
RGB 77, 243, 245 245, 79, 77
HSL 180.7, 89.4%, 63.1% 0.7, 89.4%, 63.1%
HSV 180.7, 68.6%, 96.1% 0.7, 68.6%, 96.1%
CMYK 68.6%, 0.8%, 0.0%, 3.9% 0.0%, 67.8%, 68.6%, 3.9%
OKLCH 0.882 0.133 196.2 0.6588 0.2029 25.2

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

2.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F54F4D → 背景色: #4DF3F5

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

テキスト: #4DF3F5 → 背景色: #F54F4D

色差 (Delta E)

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

グラデーション

#4DF3F5 #93DCD7 #B7C4BA #CFAB9D #E09182 #EC7367 #F54F4D

カラーミキシング

#4DF3F5

100%

#A7D0C8

75:25

#CFAB9D

50:50

#E78374

25:75

#F54F4D

100%

CSSグラデーションコード

background: linear-gradient(to right, #4DF3F5, #F54F4D);
background: linear-gradient(135deg, #4DF3F5, #F54F4D);

各色を詳しく見る

#4DF3F5

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

#F54F4D

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

関連する比較