#4BDFDB

#4BDFDB

#DF4B4F

#DF4B4F

コントラスト比

2.45:1

Delta E

108.38

Very Different

50:50 ミックス

#BC9E92

カラー値

フォーマット #4BDFDB #DF4B4F
HEX #4BDFDB #DF4B4F
RGB 75, 223, 219 223, 75, 79
HSL 178.4, 69.8%, 58.4% 358.4, 69.8%, 58.4%
HSV 178.4, 66.4%, 87.5% 358.4, 66.4%, 87.5%
CMYK 66.4%, 0.0%, 1.8%, 12.5% 0.0%, 66.4%, 64.6%, 12.5%
OKLCH 0.8259 0.1229 192.4 0.6194 0.1841 22.8

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

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF4B4F → 背景色: #4BDFDB

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

テキスト: #4BDFDB → 背景色: #DF4B4F

色差 (Delta E)

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

グラデーション

#4BDFDB #86CAC2 #A6B4AA #BC9E92 #CB867B #D76B65 #DF4B4F

カラーミキシング

#4BDFDB

100%

#98BFB6

75:25

#BC9E92

50:50

#D27970

25:75

#DF4B4F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4BDFDB, #DF4B4F);
background: linear-gradient(135deg, #4BDFDB, #DF4B4F);

各色を詳しく見る

#4BDFDB

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

#DF4B4F

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

関連する比較